@font-face{font-family:Inter;src:url(../fonts/inter.ttf) format("truetype")}*{margin:0}:root{--color-primary: #263238;--color-secondary: #004c8a;--color-accent: #0078d7;--color-accent-alpha: #0078d733;--color-success: #50d250;--color-success-alpha: #50d25050;--color-error: #eb0000;--color-error-alpha: #eb000050;--color-field-disabled: #ededed;--color-button-disabled: #bababa;--color-button-cancel: #ededed;--color-background-primary: #ffffff;--color-background-secondary: #f7f7f7;--color-border-primary: #a8a8a8;--border-radius-l: 1rem;--border-radius-m: .5rem;--border-radius-s: .25rem;--font-weight-l: 500;--font-weight-m: 400;--font-weight-s: 300;--padding-xl: 2rem;--padding-l: 1rem;--padding-m: .75rem;--padding-s: .5rem;--padding-xs: .25rem;--margin-xl: 2rem;--margin-l: 1rem;--margin-m: .75rem;--margin-s: .5rem;--margin-xs: .25rem}::-webkit-scrollbar{width:.25rem;height:.25rem}::-webkit-scrollbar-track{background:var(--color-field-disabled)}::-webkit-scrollbar-thumb{background:var(--color-border-primary)}::-webkit-inner-spin-button,::-webkit-outer-spin-button{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}body{font-family:Inter,sans-serif;font-size:16px;font-weight:var(--font-weight-m);background:var(--color-background-secondary);color:var(--color-primary)}button{all:unset;cursor:pointer;text-align:center}input,textarea,input[type=file],input[type=checkbox]{all:unset;box-sizing:border-box}.container{width:100%;margin-left:auto;margin-right:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}@media (min-width: 1400px){.container{max-width:1320px}}.view-loader-container{position:relative;overflow:hidden;width:100%;height:.25rem}.view-loader{position:absolute;width:100%;height:100%;left:-100%;background:var(--color-accent);animation:loading-bar 2s linear infinite}@keyframes loading-bar{0%{left:-100%}to{left:100%}}.action-loader-container{display:flex;align-items:center;gap:.5rem}.action-loader{border:4px solid var(--color-background-primary);border-top:4px solid var(--color-accent);border-radius:50%;width:.75rem;height:.75rem;animation:loading-spinner 1s linear infinite}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--color-background-secondary);height:100dvh;gap:1rem}.main-loading .logo{height:3rem}.main-loading .view-loader-container{width:10rem}.main-loading .view-loader-container .view-loader{animation:loading-bar 1s linear infinite}.main-section{display:grid;grid-template-rows:4.5rem 1fr;height:100dvh}.main-section .main-outlet{height:calc(100dvh - 4.5rem);display:flex;align-items:flex-start}.main-section .main-header{position:sticky;display:flex;align-items:center;justify-content:space-between;padding:var(--padding-l);background:var(--color-background-primary);box-shadow:0 2px 4px #00000040;height:2.5rem;z-index:100;top:0}.main-section .main-header .logo{height:2rem;cursor:pointer}.main-section .main-header .main-user{display:flex;align-items:center;gap:1rem}.main-section .main-header .main-user .login{font-weight:var(--font-weight-l);padding:var(--padding-s)}.main-section .main-header .main-user .login:hover{color:var(--color-accent)}.main-section .main-header .main-user .register{border:none;border-radius:var(--border-radius-s);padding:var(--padding-s);background:var(--color-accent);color:var(--color-background-primary);line-height:1.5rem}.main-section .main-header .main-user .register:hover{background:var(--color-secondary)}.main-section .main-header .main-user .download{display:flex;align-items:center}.main-section .main-header .main-user .download span{border:2px solid var(--color-accent);display:flex;align-items:center;border-radius:var(--border-radius-l);cursor:pointer;line-height:1.5rem}.main-section .main-header .main-user .download .qr-icon{width:1.125rem;height:1.125rem;padding:.35rem;margin:-1px;fill:var(--color-primary)}.main-section .main-header .main-user .download p{display:none;margin-left:var(--margin-s)}.main-section .main-header .main-user .user{border:2px solid var(--color-accent);display:flex;align-items:center;border-radius:var(--border-radius-l);cursor:pointer;line-height:1.5rem}.main-section .main-header .main-user .user .icon{width:1.125rem;height:1.125rem;background:var(--color-accent);fill:var(--color-background-primary);padding:.35rem;border-radius:100%;margin:-1px}.main-section .main-header .main-user .user p{margin:0 var(--margin-m);font-weight:var(--font-weight-l)}.main-section .main-notification{position:absolute;top:5rem;right:1rem}.main-section .main-notification .card{display:flex;align-items:center;background:var(--color-background-primary);box-shadow:0 2px 4px #00000040;border-radius:var(--border-radius-m);width:25vw;padding:var(--padding-m) var(--padding-s);cursor:pointer}.main-section .main-notification .card.success{border-left:.5rem solid var(--color-success)}.main-section .main-notification .card.error{border-left:.5rem solid var(--color-error)}.main-section .main-notification .card .icon-box{display:flex;margin-left:var(--margin-s)}.main-section .main-notification .card .icon{width:1.5rem;height:1.5rem}.main-section .main-notification .card .icon.success{fill:var(--color-success)}.main-section .main-notification .card .icon.error{fill:var(--color-error)}.main-section .main-notification .card .text-box{font-size:14px;margin-left:var(--margin-l)}@media (min-width: 1200px){.main-section .main-outlet{align-items:center}.main-section .main-header .main-user .register{padding:var(--padding-s) 1.5rem;margin-left:auto}.main-section .main-header .main-user .download p{display:block}.main-section .main-notification .card{width:20vw}}.dash-section{display:grid;grid-template-columns:10rem 1fr;background:var(--color-background-secondary);overflow:hidden;width:100%;height:100%}.dash-section .dash-sidebar{display:flex;flex-direction:column;width:9rem;padding:var(--padding-s) var(--padding-s);background:var(--color-background-primary);box-shadow:0 4px 4px #00000040}.dash-section .dash-sidebar button{display:flex;align-items:center;padding:var(--padding-m);border-radius:var(--border-radius-s);margin-bottom:var(--margin-s)}.dash-section .dash-sidebar button:hover{background:var(--color-accent);color:var(--color-background-primary)}.dash-section .dash-sidebar button:disabled{background:var(--color-accent);color:var(--color-background-primary)}.dash-section .dash-sidebar button .icon{width:1.25rem;height:1.25rem;fill:var(--color-primary)}.dash-section .dash-sidebar button:hover .icon,.dash-section .dash-sidebar button:disabled .icon{fill:var(--color-background-primary)}.dash-section .dash-sidebar button p{font-size:15px;font-weight:var(--font-weight-l);margin-left:var(--margin-s)}.dash-section .dash-sidebar button:last-child{margin-top:auto;margin-bottom:0}.summary-section{margin:3rem;height:calc(100dvh - 10.5rem);overflow-y:auto}.summary-section .summary-container{display:grid;grid-template-columns:1fr;gap:2rem;padding:1rem}.summary-section .summary-container .summary-column{display:flex;flex-direction:column;gap:2rem}.summary-section .summary-container .summary-column.preview{display:none}.summary-section .summary-container .card{display:flex;align-items:center;border-radius:var(--border-radius-m);background:var(--color-background-primary);box-shadow:0 2px 4px #00000040;padding:var(--padding-xl)}.summary-section .summary-container .card.status{justify-content:space-between;gap:.5rem}.summary-section .summary-container .card .box{display:flex;align-items:center;flex-wrap:wrap}.summary-section .summary-container .card.status .box .icon{width:2rem;height:2rem;margin-left:-.5rem}.summary-section .summary-container .card.status .box .icon.up{fill:var(--color-success)}.summary-section .summary-container .card.status .box .icon.down{fill:var(--color-error)}.summary-section .summary-container .card.status .box .number{font-size:28px;font-weight:var(--font-weight-l);margin-right:var(--margin-s)}.summary-section .summary-container .card.status .box .name{font-weight:var(--font-weight-l);min-width:fit-content}.summary-section .summary-container .card.status .box .info{font-size:12px;color:var(--color-secondary)}.summary-section .summary-container .card.info{justify-content:space-around;gap:.5rem}.summary-section .summary-container .card.info .box .icon{width:1.5rem;height:1.5rem;fill:var(--color-secondary)}.summary-section .summary-container .card.info .box .number{font-size:18px;font-weight:var(--font-weight-l);margin:0 var(--margin-s)}.summary-section .summary-container .card.info .box .name{font-weight:var(--font-weight-l);min-width:fit-content}.summary-section .summary-container .card.table{flex-direction:column}.summary-section .summary-container .header-container{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--padding-l);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--margin-xl);width:100%}.summary-section .summary-container .header-container h3{font-size:28px;font-weight:var(--font-weight-l)}.summary-section .summary-container .header-container button{display:flex;align-items:center;border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-l);background:var(--color-accent);color:var(--color-background-primary)}.summary-section .summary-container .header-container button .icon{width:1.25rem;height:1.25rem;fill:var(--color-background-primary);margin-right:var(--margin-s)}.summary-section .summary-container .table-container{border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s)}.summary-section .summary-container table{table-layout:fixed;border-collapse:collapse;width:100%}.summary-section .summary-container .table-header{border-top-left-radius:var(--border-radius-s);border-top-right-radius:var(--border-radius-s);border-bottom:1px solid var(--color-border-primary);background:var(--color-field-disabled)}.summary-section .summary-container .table-header th{padding:.5rem 1rem;text-align:left;font-weight:var(--font-weight-l);font-size:14px}.summary-section .summary-container .table-content{overflow-y:auto;height:calc(100vh - 35rem)}.summary-section .summary-container .table-content tr:not(:last-of-type){border-bottom:solid 1px var(--color-field-disabled)}.summary-section .summary-container .table-content td{padding:.5rem 1rem;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-section .summary-container .table-content .actions{display:flex;align-items:center}.summary-section .summary-container .table-content .qr-icon{width:1.25rem;height:1.25rem;fill:var(--color-accent)}.summary-section .summary-container .table-content .delete-icon{width:1.25rem;height:1.25rem;fill:var(--color-error)}.summary-section .summary-container .card.chart{flex-direction:column;align-items:normal}.summary-section .summary-container .card.chart .info{margin-bottom:var(--margin-l)}.summary-section .summary-container .card.chart .info .title{display:flex;align-items:center;margin-bottom:var(--margin-s)}.summary-section .summary-container .card.chart .info span{font-weight:var(--font-weight-l)}.summary-section .summary-container .card.chart .info .icon{width:1.25rem;height:1.25rem;fill:var(--color-secondary);margin-right:var(--margin-s)}.summary-section .summary-container .card.chart .info .description{font-size:14px;color:var(--color-secondary)}.summary-section .summary-container .card.chart .chart{display:flex;align-items:center;height:100%}.summary-section .summary-container .card.chart .y-axis{display:flex;flex-direction:column-reverse;justify-content:space-between;margin-right:var(--margin-s);height:100%}.summary-section .summary-container .card.chart .y-axis .label{font-size:14px}.summary-section .summary-container .card.chart .area{display:flex;align-items:flex-end;overflow-x:auto;height:20rem;width:100%;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-m);position:relative;padding:7px 0}.summary-section .summary-container .card.chart .area .lines{position:absolute;top:0;bottom:0;left:0;width:100%;margin:7px 0}.summary-section .summary-container .card.chart .area .line{position:absolute;border-bottom:1px dashed var(--color-border-primary);width:100%;height:1px}.summary-section .summary-container .card.chart .area .label{transform:rotate(-90deg);font-size:12px;font-weight:var(--font-weight-s);color:var(--color-background-primary)}.summary-section .summary-container .card.chart .area .bar-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:end;margin:0 var(--margin-xs);height:100%}.summary-section .summary-container .card.chart .area .bar{display:flex;align-items:flex-end;justify-content:center;border-top-left-radius:var(--border-radius-s);border-top-right-radius:var(--border-radius-s);padding-bottom:var(--padding-xs);cursor:pointer;width:1rem;z-index:5}.summary-section .summary-container .card.chart .area .bar.selected{background:var(--color-button-disabled);box-shadow:inset 0 0 0 1px var(--color-primary)}.summary-section .summary-container .card .iframe{border:2px solid var(--color-border-primary);border-radius:var(--border-radius-m);width:24rem;height:40.125rem}.summary-section .not-valid{display:flex;flex-direction:column;align-items:center}.summary-section .not-valid .icon{height:2.5rem;width:2.5rem;margin-bottom:var(--margin-l);fill:var(--color-primary)}.summary-section .not-valid h3{text-align:center;font-weight:var(--font-weight-l);margin-bottom:var(--margin-l)}.summary-section .not-valid button{display:flex;align-items:center;border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-l);background:var(--color-accent);color:var(--color-background-primary)}.summary-section .modal-container{display:flex;align-items:center;justify-content:center;position:fixed;background:#00000040;z-index:100;top:0;left:0;width:100%;height:100%}.summary-section .modal-container .content{background:var(--color-background-primary);border-radius:var(--border-radius-m);padding:var(--padding-xl);width:30rem}.summary-section .modal-container .header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--padding-l);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--margin-xl)}.summary-section .modal-container .header h4{font-weight:var(--font-weight-l);font-size:18px}.summary-section .modal-container .form-area{display:grid;grid-template-columns:1fr;gap:.75rem}.summary-section .modal-container .form-group label{font-weight:var(--font-weight-l)}.summary-section .modal-container .form-group label.required:before{content:"*";color:var(--color-error);margin-right:var(--margin-xs)}.summary-section .modal-container .form-field{position:relative;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s);font-size:15px;width:100%;margin-top:var(--margin-s)}.summary-section .modal-container .form-field input{width:100%;height:2.125rem;padding:var(--padding-s)}.summary-section .modal-container .form-error{font-size:12px;color:var(--color-error);padding-left:var(--padding-xs);margin-top:var(--margin-xs)}.summary-section .modal-container .delete-text{display:flex;flex-direction:column;align-items:center;gap:.5rem}.summary-section .modal-container .delete-text p{text-align:center}.summary-section .modal-container .delete-text span{font-weight:var(--font-weight-l)}.summary-section .modal-container .form-action{display:flex;align-items:center;margin-top:var(--margin-xl)}.summary-section .modal-container .form-action button{border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-xl);font-size:16px}.summary-section .modal-container .form-action button.submit{background:var(--color-accent);color:var(--color-background-primary);margin-left:var(--margin-m)}.summary-section .modal-container .form-action button.delete{background:var(--color-error);color:var(--color-background-primary);margin-left:var(--margin-m)}.summary-section .modal-container .form-action button.cancel{background:var(--color-button-cancel);color:var(--color-primary);margin-left:auto}.summary-section .modal-container .form-action button:disabled{background:var(--color-button-disabled);color:var(--color-background-primary);cursor:initial}@media (min-width: 1200px){.summary-section{margin:3rem}.summary-section .summary-container{grid-template-columns:3fr 1fr}.summary-section .summary-container .summary-column.preview{display:flex}.summary-section .summary-container .card.chart .area{width:calc(100vw - 50.5rem)}}@media (min-width: 1400px){.summary-section .summary-container .card .box{flex-wrap:nowrap}.summary-section .summary-container .card.chart .area{width:100%}}.profile-section{margin:4rem}.profile-section .card{border-radius:var(--border-radius-m);background:var(--color-background-primary);box-shadow:0 2px 4px #00000040;padding:var(--padding-xl)}.profile-section .card .header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--padding-l);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--margin-xl)}.profile-section .card .header h3{font-size:28px;font-weight:var(--font-weight-l)}.profile-section .card .header button{display:flex;align-items:center;border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-l);background:var(--color-accent);color:var(--color-background-primary)}.profile-section .card .header button .icon{width:1.25rem;height:1.25rem;fill:var(--color-background-primary);margin-right:var(--margin-s)}.profile-section .card .header button:disabled{background:var(--color-button-disabled);cursor:initial}.profile-section .card .form-area{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.profile-section .card .form-area-auto{display:grid;grid-template-columns:auto auto;gap:.75rem}.profile-section .card .form-group label{font-weight:var(--font-weight-l)}.profile-section .card .form-group label.required:before{content:"*";color:var(--color-error);margin-right:var(--margin-xs)}.profile-section .card .form-field{display:flex;align-items:center;position:relative;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s);font-size:15px;width:100%;margin-top:var(--margin-s)}.profile-section .card .form-field input{width:100%;height:2.125rem;padding:var(--padding-s)}.profile-section .card .form-field.file input{padding-left:2.5rem}.profile-section .card .form-field input[type=color]:not(:disabled){cursor:pointer}.profile-section .card .form-field input[type=file]{width:100%;height:2.125rem;padding:var(--padding-s);padding-left:2.5rem;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.profile-section .card .form-field input[type=file]::file-selector-button{border:none;background:var(--color-accent);color:var(--color-background-primary);padding:var(--padding-xs) var(--padding-s);border-radius:var(--border-radius-l);margin-right:var(--margin-s);cursor:pointer;font-size:10px}.profile-section .card .form-field .file-preview{position:absolute;border-radius:var(--border-radius-s);background:var(--color-field-disabled);margin:.125rem;width:1.85rem;height:1.85rem;min-width:1.85rem;min-height:1.85rem}.profile-section .card .form-field .file-preview img{width:1.85rem;height:1.85rem;border-radius:var(--border-radius-s);object-fit:cover}.profile-section .card .form-field textarea{display:block;width:100%;padding:var(--padding-s)}.profile-section .card .form-field input:disabled,.profile-section .card .form-field textarea:disabled{border-radius:var(--border-radius-s);background:var(--color-field-disabled)}.profile-section .card .form-action{display:flex;align-items:center;margin-top:var(--margin-xl)}.profile-section .card .form-error{font-size:12px;color:var(--color-error);padding-left:var(--padding-xs);margin-top:var(--margin-xs)}.profile-section .card .form-action button{border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-xl);font-size:16px}.profile-section .card .form-action button.submit{background:var(--color-accent);color:var(--color-background-primary);margin-left:var(--margin-m)}.profile-section .card .form-action button.cancel{background:var(--color-button-cancel);color:var(--color-primary);margin-left:auto}.profile-section .card .form-action button:disabled{background:var(--color-button-disabled);color:var(--color-background-primary);cursor:initial}@media (min-width: 1400px){.profile-section{margin:4rem 8rem}}.category-section{margin:4rem}.category-section .card{border-radius:var(--border-radius-m);background:var(--color-background-primary);box-shadow:0 2px 4px #00000040;padding:var(--padding-xl)}.category-section .card .header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--padding-l);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--margin-xl)}.category-section .card .header h3{font-size:28px;font-weight:var(--font-weight-l)}.category-section .not-valid button,.category-section .card .header button{display:flex;align-items:center;border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-l);background:var(--color-accent);color:var(--color-background-primary)}.category-section .card .header button .icon{width:1.25rem;height:1.25rem;fill:var(--color-background-primary);margin-right:var(--margin-s)}.category-section .filter-container{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:var(--margin-l)}.category-section .table-container{border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s)}.category-section table{table-layout:fixed;border-collapse:collapse;width:100%}.category-section .table-header{border-top-left-radius:var(--border-radius-s);border-top-right-radius:var(--border-radius-s);border-bottom:1px solid var(--color-border-primary);background:var(--color-field-disabled)}.category-section .table-header th{padding:.5rem 1rem;text-align:left;font-weight:var(--font-weight-l);font-size:14px}.category-section .table-content{overflow-y:auto;height:calc(100vh - 28rem)}.category-section .table-content tr:not(:last-of-type){border-bottom:solid 1px var(--color-field-disabled)}.category-section .table-content td{padding:.5rem 1rem;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-section .table-content td .tag{padding:var(--padding-xs) var(--padding-s);border-radius:1rem;font-size:14px}.category-section .table-content td .tag.active{background:var(--color-success-alpha);border:1px solid var(--color-success)}.category-section .table-content td .tag.inactive{background:var(--color-field-disabled);border:1px solid var(--color-border-primary)}.category-section .table-content .actions{display:flex;align-items:center}.category-section .table-content button{display:inline-flex;margin-right:var(--margin-m)}.category-section .table-content .edit-icon{width:1.25rem;height:1.25rem;fill:var(--color-accent)}.category-section .table-content .delete-icon{width:1.25rem;height:1.25rem;fill:var(--color-error)}.category-section .modal-container{display:flex;align-items:center;justify-content:center;position:fixed;background:#00000040;z-index:100;top:0;left:0;width:100%;height:100%}.category-section .modal-container .content{background:var(--color-background-primary);border-radius:var(--border-radius-m);padding:var(--padding-xl);width:30rem}.category-section .modal-container .header h4{font-weight:var(--font-weight-l);font-size:18px}.category-section .modal-container .form-area{display:grid;grid-template-columns:2fr 1fr;gap:.75rem}.category-section .modal-container .form-group label{font-weight:var(--font-weight-l)}.category-section .modal-container .form-group label.required:before{content:"*";color:var(--color-error);margin-right:var(--margin-xs)}.category-section .modal-container .form-field,.category-section .filter-container .form-field{position:relative;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s);font-size:15px;width:100%;margin-top:var(--margin-s)}.category-section .filter-container .form-field{margin-top:0}.category-section .modal-container .form-field select,.category-section .filter-container .form-field select{border:none;outline:none;width:100%;height:2.125rem;padding:var(--padding-xs);border-radius:var(--border-radius-s);font-size:16px;color:var(--color-primary);cursor:pointer}.category-section .modal-container .form-field input,.category-section .filter-container .form-field input{width:100%;height:2.125rem;padding:var(--padding-s)}.category-section .modal-container .form-error{font-size:12px;color:var(--color-error);padding-left:var(--padding-xs);margin-top:var(--margin-xs)}.category-section .modal-container .delete-text{display:flex;flex-direction:column;align-items:center;gap:.5rem}.category-section .modal-container .delete-text p{text-align:center}.category-section .modal-container .delete-text span{font-weight:var(--font-weight-l)}.category-section .modal-container .form-action{display:flex;align-items:center;margin-top:var(--margin-xl)}.category-section .modal-container .form-action button{border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-xl);font-size:16px}.category-section .modal-container .form-action button.submit{background:var(--color-accent);color:var(--color-background-primary);margin-left:var(--margin-m)}.category-section .modal-container .form-action button.delete{background:var(--color-error);color:var(--color-background-primary);margin-left:var(--margin-m)}.category-section .modal-container .form-action button.cancel{background:var(--color-button-cancel);color:var(--color-primary);margin-left:auto}.category-section .modal-container .form-action button:disabled{background:var(--color-button-disabled);color:var(--color-background-primary);cursor:initial}.category-section .not-valid{display:flex;flex-direction:column;align-items:center}.category-section .not-valid .icon{height:2.5rem;width:2.5rem;margin-bottom:var(--margin-l);fill:var(--color-primary)}.category-section .not-valid h3{text-align:center;font-weight:var(--font-weight-l);margin-bottom:var(--margin-l)}@media (min-width: 1400px){.category-section{margin:4rem 8rem}}.product-section{margin:4rem}.product-section .card{border-radius:var(--border-radius-m);background:var(--color-background-primary);box-shadow:0 2px 4px #00000040;padding:var(--padding-xl)}.product-section .card .header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--padding-l);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--margin-xl)}.product-section .card .header h3{font-size:28px;font-weight:var(--font-weight-l)}.product-section .not-valid button,.product-section .card .header button{display:flex;align-items:center;border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-l);background:var(--color-accent);color:var(--color-background-primary)}.product-section .card .header button .icon{width:1.25rem;height:1.25rem;fill:var(--color-background-primary);margin-right:var(--margin-s)}.product-section .filter-container{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:var(--margin-l)}.product-section .table-container{border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s)}.product-section table{table-layout:fixed;border-collapse:collapse;width:100%}.product-section .table-header{border-top-left-radius:var(--border-radius-s);border-top-right-radius:var(--border-radius-s);border-bottom:1px solid var(--color-border-primary);background:var(--color-field-disabled)}.product-section .table-header th{padding:.5rem 1rem;text-align:left;font-weight:var(--font-weight-l);font-size:14px}.product-section .table-content{overflow-y:auto;height:calc(100vh - 28rem)}.product-section .table-content tr:not(:last-of-type){border-bottom:solid 1px var(--color-field-disabled)}.product-section .table-content td{padding:.5rem 1rem;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-section .table-content td .tag{padding:var(--padding-xs) var(--padding-s);border-radius:1rem;font-size:14px}.product-section .table-content td .tag.active{background:var(--color-success-alpha);border:1px solid var(--color-success)}.product-section .table-content td .tag.inactive{background:var(--color-field-disabled);border:1px solid var(--color-border-primary)}.product-section .table-content .actions{display:flex;align-items:center}.product-section .table-content button{display:inline-flex;margin-right:var(--margin-m)}.product-section .table-content .edit-icon{width:1.25rem;height:1.25rem;fill:var(--color-accent)}.product-section .table-content .delete-icon{width:1.25rem;height:1.25rem;fill:var(--color-error)}.product-section .modal-container{display:flex;align-items:center;justify-content:center;position:fixed;background:#00000040;z-index:100;top:0;left:0;width:100%;height:100%}.product-section .modal-container .content{background:var(--color-background-primary);border-radius:var(--border-radius-m);padding:var(--padding-xl);width:35rem}.product-section .modal-container .header h4{font-weight:var(--font-weight-l);font-size:18px}.product-section .modal-container .form-area-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.product-section .modal-container .form-area-2:first-of-type{margin-bottom:var(--margin-m)}.product-section .modal-container .form-area-4{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:.75rem;margin-bottom:var(--margin-m)}.product-section .modal-container .form-area-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:var(--margin-m)}.product-section .modal-container .form-group label{font-weight:var(--font-weight-l)}.product-section .modal-container .form-group label.required:before{content:"*";color:var(--color-error);margin-right:var(--margin-xs)}.product-section .modal-container .form-field,.product-section .filter-container .form-field{display:flex;align-items:center;position:relative;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s);font-size:15px;width:100%;margin-top:var(--margin-s)}.product-section .filter-container .form-field{margin-top:0}.product-section .modal-container .form-field.file input{padding-left:2.5rem}.product-section .modal-container .form-field select,.product-section .filter-container .form-field select{border:none;outline:none;width:100%;height:2.125rem;padding:var(--padding-xs);border-radius:var(--border-radius-s);font-size:16px;color:var(--color-primary);cursor:pointer}.product-section .modal-container .form-field input,.product-section .filter-container .form-field input{width:100%;height:2.125rem;padding:var(--padding-s)}.product-section .modal-container .form-field textarea{display:block;width:100%;padding:var(--padding-s)}.product-section .modal-container .form-error{font-size:12px;color:var(--color-error);padding-left:var(--padding-xs);margin-top:var(--margin-xs)}.product-section .modal-container .delete-text{display:flex;flex-direction:column;align-items:center;gap:.5rem}.product-section .modal-container .delete-text p{text-align:center}.product-section .modal-container .delete-text span{font-weight:var(--font-weight-l)}.product-section .modal-container .form-field input[type=file]{width:100%;height:2.125rem;padding:var(--padding-s);padding-left:2.5rem;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.product-section .modal-container .form-field input[type=file]::file-selector-button{border:none;background:var(--color-accent);color:var(--color-background-primary);padding:var(--padding-xs) var(--padding-s);border-radius:var(--border-radius-l);margin-right:var(--margin-s);cursor:pointer;font-size:10px}.product-section .modal-container .form-field .file-preview{position:absolute;border-radius:var(--border-radius-s);background:var(--color-field-disabled);margin:.125rem;width:1.85rem;height:1.85rem;min-width:1.85rem;min-height:1.85rem}.product-section .modal-container .form-field .file-preview img{width:1.85rem;height:1.85rem;border-radius:var(--border-radius-s);object-fit:cover}.product-section .modal-container .form-action{display:flex;align-items:center;margin-top:var(--margin-xl)}.product-section .modal-container .form-action button{border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-xl);font-size:16px}.product-section .modal-container .form-action button.submit{background:var(--color-accent);color:var(--color-background-primary);margin-left:var(--margin-m)}.product-section .modal-container .form-action button.delete{background:var(--color-error);color:var(--color-background-primary);margin-left:var(--margin-m)}.product-section .modal-container .form-action button.cancel{background:var(--color-button-cancel);color:var(--color-primary);margin-left:auto}.product-section .modal-container .form-action button:disabled{background:var(--color-button-disabled);color:var(--color-background-primary);cursor:initial}.product-section .not-valid{display:flex;flex-direction:column;align-items:center}.product-section .not-valid .icon{height:2.5rem;width:2.5rem;margin-bottom:var(--margin-l);fill:var(--color-primary)}.product-section .not-valid h3{text-align:center;font-weight:var(--font-weight-l);margin-bottom:var(--margin-l)}@media (min-width: 1400px){.product-section{margin:4rem 8rem}}.user-section{margin:4rem}.user-section .user-container{display:grid;grid-template-columns:1fr;gap:2rem}.user-section .card{border-radius:var(--border-radius-m);background:var(--color-background-primary);box-shadow:0 2px 4px #00000040;padding:var(--padding-xl)}.user-section .card .header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--padding-l);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--margin-xl)}.user-section .card .header h3{font-size:28px;font-weight:var(--font-weight-l)}.user-section .card .header button{display:flex;align-items:center;border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-l);background:var(--color-accent);color:var(--color-background-primary)}.user-section .card .header button .icon{width:1.25rem;height:1.25rem;fill:var(--color-background-primary);margin-right:var(--margin-s)}.user-section .card .header button:disabled{background:var(--color-button-disabled);cursor:initial}.user-section .card .subscription{display:flex;align-items:center;padding:var(--padding-m);border-radius:var(--border-radius-m);margin-bottom:var(--margin-xl);gap:.75rem}.user-section .card .subscription h4{font-weight:var(--font-weight-l)}.user-section .card .subscription p:before{content:"|";margin-right:var(--margin-m)}.user-section .card .subscription p span{font-weight:var(--font-weight-l)}.user-section .card .subscription.active{background:var(--color-success-alpha);border:1px solid var(--color-success)}.user-section .card .subscription.inactive{background:var(--color-error-alpha);border:1px solid var(--color-error)}.user-section .card .form-area{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.user-section .card .form-group label{font-weight:var(--font-weight-l)}.user-section .card .form-group label.required:before{content:"*";color:var(--color-error);margin-right:var(--margin-xs)}.user-section .card .form-field{position:relative;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s);font-size:15px;width:100%;margin-top:var(--margin-s)}.user-section .card .form-field input{width:100%;height:2.125rem;padding:var(--padding-s)}.user-section .card .form-field input:disabled{border-radius:var(--border-radius-s);background:var(--color-field-disabled)}.user-section .card .form-action{display:flex;align-items:center;margin-top:var(--margin-xl)}.user-section .card .form-error{font-size:12px;color:var(--color-error);padding-left:var(--padding-xs);margin-top:var(--margin-xs)}.user-section .card .form-action button{border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-xl);font-size:16px}.user-section .card .form-action button.submit{background:var(--color-accent);color:var(--color-background-primary);margin-left:var(--margin-m)}.user-section .card .form-action button.cancel{background:var(--color-button-cancel);color:var(--color-primary);margin-left:auto}.user-section .card .form-action button:disabled{background:var(--color-button-disabled);color:var(--color-background-primary);cursor:initial}.user-section .card .delete h4{font-weight:var(--font-weight-l);padding-bottom:var(--padding-l);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--margin-l)}.user-section .card .delete .delete-description{display:flex;align-items:center;justify-content:space-between}.user-section .card .delete .delete-description button{border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-xl);background:var(--color-error);color:var(--color-background-primary);font-size:16px}.user-section .modal-container{display:flex;align-items:center;justify-content:center;position:fixed;background:#00000040;z-index:100;top:0;left:0;width:100%;height:100%}.user-section .modal-container .content{background:var(--color-background-primary);border-radius:var(--border-radius-m);padding:var(--padding-xl);width:30rem}.user-section .modal-container .header h4{font-weight:var(--font-weight-l);font-size:18px}.user-section .modal-container .delete-text{display:flex;flex-direction:column;align-items:center;gap:.5rem}.user-section .modal-container .delete-text span{font-weight:var(--font-weight-l)}.user-section .modal-container .delete-text p{text-align:center}.user-section .modal-container .form-action button.delete{background:var(--color-error);color:var(--color-background-primary);margin-left:var(--margin-m)}.user-section .modal-container .form-action button.delete:disabled{background:var(--color-button-disabled);color:var(--color-background-primary);cursor:initial}@media (min-width: 1400px){.user-section{margin:4rem 8rem}}.login-section{margin-top:var(--margin-l)}.login-section .card{border-radius:var(--border-radius-m);background:var(--color-background-primary);box-shadow:0 2px 4px #00000040;padding:var(--padding-l);margin:0 var(--margin-l);margin-bottom:var(--margin-l)}.login-section .card form{display:flex;flex-direction:column;width:100%}.login-section .card .header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:var(--margin-xl)}.login-section .card .header .image{position:relative;display:flex;align-items:center;justify-content:center;height:4.375rem;width:4.375rem;background:var(--color-accent);border-radius:var(--border-radius-l);z-index:10}.login-section .card .header .image-drop{position:absolute;height:4.375rem;width:4.375rem;background:var(--color-accent-alpha);border-radius:var(--border-radius-l);transition-duration:.3s;transform:rotate(25deg);z-index:-1}.login-section .card .header:hover .image-drop{transform:rotate(45deg)}.login-section .card .header .icon{width:2.25rem;height:2.25rem;fill:var(--color-background-primary)}.login-section .card .header .description{text-align:center}.login-section .card .header .description h3{font-size:28px;font-weight:var(--font-weight-l);margin-bottom:var(--margin-m)}.login-section .card .form-area{display:grid;grid-template-columns:1fr;gap:.75rem}.login-section .card .form-group label{font-weight:var(--font-weight-l)}.login-section .card .form-field{position:relative;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s);font-size:15px;width:100%;margin-top:var(--margin-s)}.login-section .card .form-field input{width:100%;height:2.125rem;padding:var(--padding-s)}.login-section .card .form-error{font-size:12px;color:var(--color-error);padding-left:var(--padding-xs);margin-top:var(--margin-xs)}.login-section .card .form-recover{font-size:13px;font-weight:var(--font-weight-l);cursor:pointer;margin-top:var(--margin-m)}.login-section .card .form-recover:hover{text-decoration:underline}.login-section .card .form-action{display:flex;flex-direction:column;gap:2rem;margin-top:var(--margin-xl)}.login-section .card .form-action button{border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) 0;background:var(--color-accent);color:var(--color-background-primary)}.login-section .card .form-action button:hover{background:var(--color-secondary)}.login-section .card .form-action button:disabled{background:var(--color-button-disabled)}.login-section .partner{display:none}@media (min-width: 1200px){.login-section{margin-top:0}.login-section .card{margin:0 30vh;padding:4rem}.login-section .card .header{flex-direction:row}.login-section .card .header .description{text-align:left}.login-section .card .form-action{flex-direction:row}.login-section .card .form-action button{padding:var(--padding-m) var(--padding-xl);margin-left:auto}.login-section .partner{position:absolute;margin:var(--margin-l);right:1rem;bottom:1rem}.login-section .partner .ssl{width:4rem;height:3rem}}@media (min-width: 1400px){.login-section .card{margin:0 40vh;padding:4rem}}.recover-section{margin-top:var(--margin-l)}.recover-section .card{border-radius:var(--border-radius-m);background:var(--color-background-primary);box-shadow:0 2px 4px #00000040;padding:var(--padding-l);margin:0 var(--margin-l);margin-bottom:var(--margin-l)}.recover-section .card form{display:flex;flex-direction:column;width:100%}.recover-section .card .form-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:var(--margin-xl)}.recover-section .card .form-header .form-image{position:relative;display:flex;align-items:center;justify-content:center;height:4.375rem;min-height:4.375rem;width:4.375rem;min-width:4.375rem;background:var(--color-accent);border-radius:var(--border-radius-l);z-index:10}.recover-section .card .form-header .form-image-drop{position:absolute;height:4.375rem;min-height:4.375rem;width:4.375rem;min-width:4.375rem;background:var(--color-accent-alpha);border-radius:var(--border-radius-l);transition-duration:.3s;transform:rotate(25deg);z-index:-1}.recover-section .card .form-header:hover .form-image-drop{transform:rotate(45deg)}.recover-section .card .form-header .form-image .icon{width:2.25rem;height:2.25rem;fill:var(--color-background-primary)}.recover-section .card .form-header .form-description{text-align:center}.recover-section .card .form-header .form-description h3{font-size:28px;font-weight:var(--font-weight-l);margin-bottom:var(--margin-m)}.recover-section .card .form-header .form-description .title{display:flex;align-items:center;justify-content:center}.recover-section .card .form-area{display:grid;grid-template-columns:1fr;gap:.75rem}.recover-section .card .form-group label{font-weight:var(--font-weight-l)}.recover-section .card .form-field{position:relative;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s);font-size:15px;width:100%;margin-top:var(--margin-s)}.recover-section .card .form-field input{width:100%;height:2.125rem;padding:var(--padding-s)}.recover-section .card .form-error{font-size:12px;color:var(--color-error);padding-left:var(--padding-xs);margin-top:var(--margin-xs)}.recover-section .card .form-action{display:flex;flex-direction:column;gap:2rem;margin-top:var(--margin-xl)}.recover-section .card .form-action button{border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) 0;background:var(--color-accent);color:var(--color-background-primary)}.recover-section .card .form-action button:hover{background:var(--color-secondary)}.recover-section .card .form-action button:disabled{background:var(--color-button-disabled)}.recover-section .partner{display:none}@media (min-width: 1200px){.recover-section{margin-top:0}.recover-section .card{margin:0 30vh;padding:4rem}.recover-section .card .form-header{flex-direction:row}.recover-section .card .form-header .form-description{text-align:left}.recover-section .card .form-header .form-description .title{justify-content:start}.recover-section .card .form-action{flex-direction:row}.recover-section .card .form-action button{padding:var(--padding-m) var(--padding-xl);margin-left:auto}.recover-section .partner{position:absolute;margin:var(--margin-l);right:1rem;bottom:1rem}.recover-section .partner .ssl{width:4rem;height:3rem}}@media (min-width: 1400px){.recover-section .card{margin:0 40vh;padding:4rem}}.register-section{margin-top:var(--margin-l)}.register-section .card{border-radius:var(--border-radius-m);background:var(--color-background-primary);box-shadow:0 2px 4px #00000040;display:flex;flex-direction:column;gap:2rem;padding:var(--padding-l);margin:0 var(--margin-l);margin-bottom:var(--margin-l)}.register-section .card .register-stepper{all:unset;display:flex;align-items:center;width:100%}.register-section .card .register-stepper .register-stepper-item{flex:1;display:flex;flex-direction:column;text-align:center}.register-section .card .register-stepper .register-stepper-item h3{display:none;font-weight:var(--font-weight-l);margin-top:var(--margin-m)}.register-section .card .register-stepper .register-stepper-item:before{position:relative;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;margin:1rem auto 0;background:var(--color-primary);color:var(--color-background-primary);font-size:1.25rem;font-weight:var(--font-weight-l);z-index:10}.register-section .card .register-stepper .register-stepper-item.one:before{content:"1"}.register-section .card .register-stepper .register-stepper-item.two:before{content:"2"}.register-section .card .register-stepper .register-stepper-item.three:before{content:"3"}.register-section .card .register-stepper .register-stepper-item.active:before{background:var(--color-accent)}.register-section .card .register-stepper .register-stepper-item:not(:first-child):after{position:relative;z-index:1;right:50%;top:2.6rem;content:"";height:4px;background:var(--color-border-primary);order:-1}.register-section .card .register-stepper .register-stepper-item.active:after{background:var(--color-accent)}.register-section .card .step-line{display:flex;flex-direction:column;gap:1rem}.register-section .card form{display:flex;flex-direction:column;width:100%}.register-section .card .form-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:var(--margin-xl)}.register-section .card .form-header .form-image{position:relative;display:flex;align-items:center;justify-content:center;height:4.375rem;width:4.375rem;background:var(--color-accent);border-radius:var(--border-radius-l);z-index:10}.register-section .card .form-header .form-image-drop{position:absolute;height:4.375rem;width:4.375rem;background:var(--color-accent-alpha);border-radius:var(--border-radius-l);transition-duration:.3s;transform:rotate(25deg);z-index:-1}.register-section .card .form-header:hover .form-image-drop{transform:rotate(45deg)}.register-section .card .form-header .form-image .icon{width:2.25rem;height:2.25rem;fill:var(--color-background-primary)}.register-section .card .form-header .form-description{text-align:center}.register-section .card .form-header .form-description h3{font-size:28px;font-weight:var(--font-weight-l);margin-bottom:var(--margin-m)}.register-section .card .form-header .form-description .title{display:flex;align-items:center;justify-content:center}.register-section .card .form-header .form-description h3.tag:after{content:"30 dias gratis";font-size:12px;text-transform:uppercase;border:1px solid var(--color-success);background:var(--color-success-alpha);padding:var(--padding-xs) var(--padding-s);border-radius:var(--border-radius-s);margin-top:var(--margin-xs);margin-left:var(--margin-m)}.register-section .card .form-area{display:grid;grid-template-columns:1fr;gap:.75rem}.register-section .card .form-group label{font-weight:var(--font-weight-l)}.register-section .card .form-field{position:relative;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s);font-size:15px;width:100%;margin-top:var(--margin-s)}.register-section .card .form-field.hidden{display:none}.register-section .card .form-field input{width:100%;height:2.125rem;padding:var(--padding-s)}.register-section .card .form-field select{border:none;outline:none;width:100%;height:2.125rem;padding:var(--padding-xs);border-radius:var(--border-radius-s)}.register-section .card .form-action{display:flex;flex-direction:column;gap:2rem;margin-top:var(--margin-xl)}.register-section .card .form-action button{border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) 0;background:var(--color-accent);color:var(--color-background-primary)}.register-section .card .form-action button:hover{background:var(--color-secondary)}.register-section .card .form-action button:disabled{background:var(--color-button-disabled)}.register-section .card .form-error{font-size:12px;color:var(--color-error);padding-left:var(--padding-xs);margin-top:var(--margin-xs)}.register-section .card .form-body p:not(:last-of-type){margin-bottom:var(--margin-m)}.register-section .card .form-body p span{font-weight:var(--font-weight-l)}.register-section .card .form-mercadopago{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--font-weight-l)}.register-section .card .form-mercadopago img{height:1.5rem;margin-left:var(--margin-s)}.register-section .partner{display:none}@media (min-width: 1200px){.register-section{margin-top:0}.register-section .card{margin:0 25vh;padding:3rem 4rem 4rem;gap:3rem}.register-section .card .step-line{flex-direction:row;gap:4rem}.register-section .card .register-stepper .register-stepper-item h3{display:block}.register-section .card .form-header{flex-direction:row}.register-section .card .form-area{grid-template-columns:1fr 1fr}.register-section .card .form-header .form-description{text-align:left}.register-section .card .form-header .form-description .title{justify-content:start}.register-section .card .form-action{flex-direction:row}.register-section .card .form-action button{padding:var(--padding-m) var(--padding-xl);margin-left:auto}.register-section .partner{position:absolute;margin:var(--margin-l);right:1rem;bottom:1rem}.register-section .partner .ssl{width:4rem;height:3rem}}.error-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 10%;width:100%;height:100%}.error-section .icon{width:6rem;height:6rem;margin-bottom:1.5rem;fill:var(--color-primary)}.error-section .error-title{font-size:28px;font-weight:var(--font-weight-l);margin-bottom:1rem}.error-section .error-description{margin-bottom:1.5rem}.error-section .return{border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-l);background:var(--color-accent);color:var(--color-background-primary)}.error-section .return:hover{background:var(--color-secondary)}