*{box-sizing:border-box}body{color:#020e26;background-color:#f4f2ff;margin:0;padding:0;font-family:sans-serif;font-size:1rem;line-height:1.5;position:relative}a{color:#384aeb;text-decoration:none}a:hover{text-decoration:underline}.beta-banner{text-align:center;color:#f4f2ff;background-color:#020e26;width:100%;height:56px;padding:16px;position:fixed;top:0;left:0}.button-primary{cursor:pointer;border-radius:1em;padding:1em;font-size:1em}.button-primary:hover{text-decoration:none}.button-primary{color:var(--primary-light);background-color:var(--primary);border:1px solid var(--primary);transition:background-color .25s ease-in-out}.button-primary:hover{color:var(--primary);background-color:#384aeb14}.button-secondary{cursor:pointer;border-radius:1em;padding:1em;font-size:1em}.button-secondary:hover{text-decoration:none}.button-secondary{color:var(--primary);border:1px solid var(--primary);background-color:#384aeb14;transition:background-color .25s ease-in-out}.button-secondary:hover{background-color:#384aeb00;border-color:#384aeb00;text-decoration:underline}.button-secondary.disabled:hover{text-decoration:none}.danger{color:var(--danger);border:1px solid var(--danger);background-color:#dc354514}.button-primary.small,.button-primary.small,.button-secondary.small,.button-secondary.small{font-size:.75em}.disabled,.disabled:hover{cursor:initial;color:var(--dark-grey);background-color:#a8aab533;border-color:#a8aab533}.table{border-collapse:collapse;width:100%}.table-head{display:none}.table-body{flex-wrap:wrap;justify-content:stretch;align-items:center;gap:1rem;display:flex}.table-row{border-radius:4px;flex-direction:column;flex:auto;justify-content:center;align-items:flex-start;padding:1em;display:flex;box-shadow:0 0 4px #020e2620}.table-data:not(:last-child):before{content:attr(data-label);background-color:#384aeb33;margin-right:1em;padding:.5em 1em}.table-data:first-child:before{border-top-left-radius:8px}.table-data:last-child:before{border-bottom-left-radius:8px}.table-data{flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;display:flex}.table-action{flex-wrap:wrap;justify-content:flex-end;gap:1em;padding:1em 0 0;display:flex}.table-action .button-primary,.table-action .button-secondary{border-radius:.25em}@media screen and (width>=1300px){.table-container{overflow-x:auto}.table-head{width:100%;display:table-header-group}.table-head-data{text-align:left;color:var(--primary-light);background-color:#384aeb;padding:1em}.table-head-data:first-child{border-top-left-radius:8px}.table-head-data:last-child{border-top-right-radius:8px}.table-body{display:table-row-group}.table-row{box-shadow:none;border-bottom:1px solid #020e2633;border-radius:0;padding:0;display:table-row}.table-row:last-child{border-bottom:1px solid #020e2600}.table-data{vertical-align:middle;width:auto;padding:1em;display:table-cell}.table-data:before{display:none}.table-action{padding:.75em 1em}}.card-gallery{gap:1rem;margin-block:2rem;display:grid}.card{border-radius:1rem;padding:1rem;box-shadow:0 0 8px #020e2629}@media screen and (width>=750px){.card-gallery{grid-template-columns:1fr 1fr}}.app{grid-template-columns:100%;gap:16px;width:100dvw;margin-top:56px;padding:16px;display:grid}@media screen and (width>=1300px){.app{grid-template-columns:1fr 4fr;height:calc(100dvh - 56px);overflow:hidden}}.sidebar{background-color:var(--primary-light);border-radius:32px;justify-content:space-between;align-items:center;padding:16px;display:flex;position:relative;box-shadow:0 0 4px #020e2633}.sidebar p{margin:0}.sidebar-header{align-items:center;gap:16px;display:flex}.sidebar-header-icon{cursor:pointer;z-index:99}.sidebar-header-icon>svg{aspect-ratio:1;width:32px;height:auto}.sidebar-header-icon{align-items:center;padding:8px;display:flex}.sidebar-header-title{text-transform:uppercase;font-size:1.25rem;font-weight:800;display:none}.sidebar-header-link{color:var(--primary-dark);text-decoration:none}.sidebar-header-link:hover{color:var(--primary);text-decoration:none}.sidebar-header-link{justify-content:flex-start;align-items:baseline;gap:16px;display:flex}.sidebar-nav{transition:all .3s ease-in-out;display:none}.sidebar-nav.open{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--webkit-backdrop-filter:blur(8px);z-index:98;background-color:#f4f2ffcc;align-items:flex-start;gap:16px;width:100dvw;height:100dvh;padding:120px 32px 32px;display:flex;position:absolute;top:-16px;left:-16px}.sidebar-nav-link{width:100%;color:var(--primary);border:1px solid var(--primary);background-color:#f4f2ff;border-radius:16px;padding:16px;box-shadow:0 0 1px #020e261a}.sidebar-nav-link:hover{border-color:#384aeb00;text-decoration:none}.sidebar-footer{align-items:center;gap:16px;display:flex}.sidebar-footer-link{color:var(--primary-light);border:1px solid var(--primary);background-color:var(--primary);border-radius:16px;align-items:center;gap:8px;padding:8px;text-decoration:none;display:flex}.sidebar-footer-link:hover{color:var(--primary);background-color:#384aeb33;text-decoration:none}.sidebar-footer-link.logout{background-color:var(--danger);border-color:var(--danger)}.sidebar-footer-link.logout:hover{color:var(--danger);background-color:#dc354533}.profile-name{display:none}.sidebar-footer-icon{width:24px}@media screen and (width>=1300px){.sidebar{flex-direction:column;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;gap:16px;height:100%;margin:0;display:grid}.sidebar-header-icon{display:none}.sidebar-header-title{display:initial;border-radius:16px;width:100%;padding:16px;font-size:1.75rem;box-shadow:0 0 1px #020e2633}.sidebar-nav{flex-direction:column;align-self:flex-start;align-items:flex-start;gap:16px;display:flex}.sidebar-footer{border-radius:16px;flex:auto;justify-content:space-between;padding:16px;box-shadow:0 0 1px #020e2633}.sidebar-footer .profile{flex:auto}.sidebar-footer-link{border-radius:8px}.profile-name{display:initial}}.main{border-radius:32px;padding:16px;box-shadow:0 0 4px #020e2633}.main-header{margin-bottom:16px}.main-header,.main-body{border:1px solid #020e2633;border-radius:16px;padding:16px}.main-header .form-input,.main-header .form-select,.main-header .button-primary,.main-header .button-secondary,.main-header .form-button-primary,.main-body .form-input,.main-body .form-select,.main-body .button-primary,.main-body .button-secondary,.main-body .form-button-primary{border-radius:8px}.main-actionbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;margin:0 0 16px;padding:0 0 16px;display:flex}.main-actionbar .button-primary,.main-actionbar .button-secondary{border-radius:8px}@media screen and (width>=1300px){.main{overflow-y:auto}}.app-login{place-items:center;width:100dvw;height:100dvh;display:grid}.form-login{width:80dvw}@media screen and (width>=714px){.form-login{width:40dvw}}@media screen and (width>=1440px){.form-login{width:25dvw}}.form-login{border-radius:2rem;flex-direction:column;gap:1rem;padding:1rem;display:flex;box-shadow:0 0 4px #020e2640}:root{--primary:#384aeb;--primary-light:#f4f2ff;--primary-dark:#020e26;--accent:#e32798;--grey:#a8aab5;--light-grey:#fafafc;--dark-grey:#222426;--success:#198754;--warning:#ffc107;--danger:#dc3545;--info:#0dcaf0}.form{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.form .form-group{width:100%}.form-group{background-color:var(--primary-light);flex-direction:column;gap:1rem;display:flex}.form-input,.form-select,.form-area{border:1px solid var(--primary-dark);background-color:#0000;border-radius:1rem;padding:1rem;font-size:1rem}.form-input.danger,.form-select.danger,.form-area.danger{border-color:var(--danger)}.form-area{resize:vertical}.form-button-group{flex-wrap:wrap;gap:1rem;display:flex}.form-error{color:var(--danger);background-color:#dc354514;border-radius:1rem;margin:0;padding:1rem}.form-button-primary{cursor:pointer;color:var(--primary-light);background-color:var(--primary);border:1px solid var(--primary);border-radius:1rem;padding:1rem;font-size:1em;transition:background-color .25s ease-in-out}.form-button-primary:hover{color:var(--primary);background-color:#384aeb14}