@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: #269f26;--color-success-alpha: #269f2650;--color-error: #eb0000;--color-error-alpha: #eb000050;--color-earn: #007625;--color-redeem: #ffa200;--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;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)}.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-container{display:flex;align-items:center;gap:1rem}.main-section .main-header .logo-container .logo{height:2rem;cursor:pointer}.main-section .main-header .logo-container .text{font-weight:var(--font-weight-l)}.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 .user{border:2px solid var(--color-accent);display:flex;align-items:center;border-radius:var(--border-radius-l);cursor:default;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;z-index:110}.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-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-field-disabled);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 .icon.stroke{fill:none;stroke:var(--color-primary)}.dash-section .dash-sidebar button:hover .icon.stroke,.dash-section .dash-sidebar button:disabled .icon.stroke{stroke: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}.dash-section .dash-sidebar .separator{border-top:1px solid var(--color-border-primary);margin-bottom:var(--margin-s)}.dash-section .card{border-radius:var(--border-radius-m);background:var(--color-background-primary);box-shadow:0 2px 4px #00000040;padding:var(--padding-xl)}.dash-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)}.dash-section .card .header h3{font-size:28px;font-weight:var(--font-weight-l)}.dash-section .not-valid button,.dash-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)}.dash-section .card .header button .icon{width:1.25rem;height:1.25rem;fill:var(--color-background-primary);margin-right:var(--margin-s)}.dash-section .filter-container{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:var(--margin-l)}.dash-section .modal-container .form-field.disabled{background:var(--color-field-disabled)}.dash-section .table-container{border:1px solid var(--color-border-primary);border-radius:var(--border-radius-s)}.dash-section table{table-layout:fixed;border-collapse:collapse;width:100%}.dash-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)}.dash-section .table-header th{padding:.5rem 1rem;text-align:left;font-weight:var(--font-weight-l);font-size:14px}.dash-section .table-content{overflow-y:auto;height:calc(100vh - 28rem)}.dash-section .table-content tr:not(:last-of-type){border-bottom:solid 1px var(--color-field-disabled)}.dash-section .table-content td{padding:.5rem 1rem;text-align:left;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-section .table-content td .tag{padding:var(--padding-xs) var(--padding-s);border-radius:1rem;font-size:14px}.dash-section .table-content td .tag.active{background:var(--color-success-alpha);border:1px solid var(--color-success)}.dash-section .table-content td .tag.inactive{background:var(--color-field-disabled);border:1px solid var(--color-border-primary)}.dash-section .table-content .actions{display:flex;align-items:center}.dash-section .table-content button{display:inline-flex;margin-right:var(--margin-m)}.dash-section .table-content .edit-icon,.dash-section .table-content .delete-icon,.dash-section .table-content .history-icon{width:1.25rem;height:1.25rem}.dash-section .table-content .history-icon,.dash-section .table-content .edit-icon{fill:var(--color-accent)}.dash-section .table-content .delete-icon{fill:var(--color-error)}.dash-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%}.dash-section .modal-container .content{background:var(--color-background-primary);border-radius:var(--border-radius-m);padding:var(--padding-xl);width:38rem}.dash-section .modal-container .header h4{font-weight:var(--font-weight-l);font-size:18px;margin-bottom:var(--margin-xl)}.dash-section .modal-container .form-area-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:var(--margin-m)}.dash-section .modal-container .form-area-4{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:.75rem;margin-bottom:var(--margin-m)}.dash-section .modal-container .form-area-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:var(--margin-m)}.dash-section .modal-container .form-group label{font-weight:var(--font-weight-l)}.dash-section .modal-container .form-group label.required:before{content:"*";color:var(--color-error);margin-right:var(--margin-xs)}.dash-section .modal-container .form-field,.dash-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)}.dash-section .filter-container .form-field{margin-top:0}.dash-section .modal-container .form-field.file input{padding-left:2.5rem}.dash-section .modal-container .form-field select,.dash-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}.dash-section .modal-container .form-field input,.dash-section .filter-container .form-field input{width:100%;height:2.125rem;padding:var(--padding-s)}.dash-section .modal-container .form-field textarea{display:block;width:100%;padding:var(--padding-s)}.dash-section .modal-container .form-error{font-size:12px;color:var(--color-error);padding-left:var(--padding-xs);margin-top:var(--margin-xs)}.dash-section .modal-container .delete-text{display:flex;flex-direction:column;align-items:center;gap:.5rem}.dash-section .modal-container .delete-text p{text-align:center}.dash-section .modal-container .delete-text span{font-weight:var(--font-weight-l)}.dash-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}.dash-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}.dash-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}.dash-section .modal-container .form-field .file-preview img{width:1.85rem;height:1.85rem;border-radius:var(--border-radius-s);object-fit:cover}.dash-section .modal-container .form-action{display:flex;align-items:center;margin-top:var(--margin-xl)}.dash-section .modal-container .form-action button{border:none;border-radius:var(--border-radius-s);padding:var(--padding-m) var(--padding-xl);font-size:16px}.dash-section .modal-container .form-action button.submit{background:var(--color-accent);color:var(--color-background-primary);margin-left:var(--margin-m)}.dash-section .modal-container .form-action button.delete{background:var(--color-error);color:var(--color-background-primary);margin-left:var(--margin-m)}.dash-section .modal-container .form-action button.cancel{background:var(--color-button-cancel);color:var(--color-primary);margin-left:auto}.dash-section .modal-container .form-action button:disabled{background:var(--color-button-disabled);color:var(--color-background-primary);cursor:initial}.dash-section .modal-container .success,.dash-section .modal-container .error{display:flex;flex-direction:column;align-items:center}.dash-section .modal-container .success .icon{height:5rem;width:5rem;fill:var(--color-success);margin:var(--margin-l)}.dash-section .modal-container .error .icon{height:5rem;width:5rem;fill:var(--color-error);margin:var(--margin-xl)}.dash-section .modal-container .error p{white-space:pre-line;line-height:2rem}.dash-section .modal-container .success .points{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;margin-bottom:var(--margin-xl)}.dash-section .modal-container .success span{color:var(--color-accent)}.dash-section .modal-container .history{height:25rem;overflow-y:auto;padding-right:var(--padding-l)}.dash-section .modal-container .history .movement{display:flex;flex-direction:column;gap:.5rem;padding:var(--padding-m);margin-bottom:var(--margin-l);padding-left:var(--padding-m);background:var(--color-background-secondary)}.dash-section .modal-container .history .movement:not(:first-of-type){margin-top:var(--margin-l)}.dash-section .modal-container .history .movement.earn{border-left:.5rem solid var(--color-earn);border-radius:var(--border-radius-m)}.dash-section .modal-container .history .movement.redeem{border-left:.5rem solid var(--color-redeem);border-radius:var(--border-radius-m)}.login-section{display:flex;align-items:center;justify-content:center;height:100%}.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-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}}.error-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;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)}