.dashboard{background-color:var(--dashboard-bg-page);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.dashboard__content-wrapper{flex:1;position:relative}.dashboard__menu-button{left:.5rem;top:var(--dashboard-header-height);z-index:calc(var(--dashboard-z-sidebar) + 5);background-color:var(--dashboard-bg-content);border-radius:var(--dashboard-border-radius-sm);box-shadow:var(--dashboard-shadow-default);border:2px solid var(--dashboard-border-primary);justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex;position:fixed}.dashboard__menu-button:hover{background-color:var(--dashboard-bg-hover)}.dashboard__menu-button:focus{box-shadow:0 0 0 2px var(--dashboard-border-primary);outline:none}.dashboard__sidebar{left:16px;top:calc(var(--dashboard-header-height) + 14px);width:var(--dashboard-sidebar-width);background-color:var(--dashboard-bg-content);border-radius:var(--dashboard-border-radius);box-shadow:var(--dashboard-shadow-default);border:2px solid var(--dashboard-border-primary);scrollbar-width:thin;scrollbar-color:#8b5cf680 transparent;z-index:var(--dashboard-z-sidebar);transition:transform .3s;position:fixed;overflow-y:auto}.dashboard__sidebar::-webkit-scrollbar{width:6px}.dashboard__sidebar::-webkit-scrollbar-track{background:0 0}.dashboard__sidebar::-webkit-scrollbar-thumb{background-color:#8b5cf680;border-radius:20px}.dashboard__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--dashboard-z-overlay);background-color:#00000080;position:fixed;inset:0}.dashboard__content{top:calc(var(--dashboard-top-offset) + 2rem);right:var(--dashboard-content-padding);left:var(--dashboard-content-padding);will-change:transform;-webkit-overflow-scrolling:touch;border-radius:var(--dashboard-border-radius);min-height:calc(100vh - var(--dashboard-top-offset) - 4rem);z-index:var(--dashboard-z-content);margin:0;padding:0 0 2rem;position:absolute;overflow-y:auto;transform:translateZ(0)}@media (min-width:1024px){.dashboard__menu-button{display:none}.dashboard__sidebar{transform:translate(0)!important}.dashboard__content{left:calc(var(--dashboard-sidebar-width) + var(--dashboard-content-padding) + var(--dashboard-gap))!important}}@media (max-width:1023px){.dashboard__sidebar{transform:translate(-100%)}.dashboard__sidebar--open{transform:translate(0)}}
.content-box{background-color:var(--dashboard-bg-content);border-radius:var(--dashboard-border-radius);padding:var(--dashboard-content-box-padding);margin-bottom:16px;transition:transform .2s,box-shadow .2s}.content-box--with-border{border:2px solid var(--dashboard-border-primary)}.content-box--with-shadow{box-shadow:var(--dashboard-shadow-default)}.content-box:hover.content-box--with-shadow{box-shadow:var(--dashboard-shadow-hover)}.content-box__title{color:var(--dashboard-text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}@media (max-width:768px){.content-box{padding:calc(var(--dashboard-content-box-padding)*.75)}.content-box__title{font-size:1.125rem}}
.activity-dashboard{flex-direction:column;gap:1.5rem;display:flex}.activity-dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.activity-dashboard__stat-card{background-color:var(--dashboard-bg-content);border-radius:var(--dashboard-border-radius);border:2px solid var(--dashboard-border-primary);box-shadow:var(--dashboard-shadow-default);padding:1.25rem;transition:transform .2s}.activity-dashboard__stat-card:hover{box-shadow:var(--dashboard-shadow-hover);transform:translateY(-2px)}.activity-dashboard__stat-title{color:var(--dashboard-text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.activity-dashboard__stat-value{color:var(--dashboard-text-primary);font-size:1.5rem;font-weight:700}.activity-dashboard__chart{margin-top:1rem;margin-bottom:2rem}.activity-dashboard__chart-title{color:var(--dashboard-text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.activity-dashboard__actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem;display:grid}.activity-dashboard__action-button{color:var(--dashboard-text-accent);border-radius:var(--dashboard-border-radius-sm);text-align:center;background-color:#8b5cf61a;padding:.75rem 1rem;font-weight:500;transition:background-color .2s,transform .2s}.activity-dashboard__action-button:hover{background-color:#8b5cf633;transform:translateY(-2px)}.activity-dashboard__user-management{margin-top:2rem}.activity-dashboard__user-table{border-collapse:separate;border-spacing:0;width:100%;margin-top:1rem}.activity-dashboard__user-table th{text-transform:uppercase;text-align:left;color:var(--dashboard-text-primary);background-color:#8b5cf61a;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600}.activity-dashboard__user-table td{color:var(--dashboard-text-primary);border-bottom:1px solid #8b5cf61a;padding:1rem 1.5rem;font-size:.875rem}.activity-dashboard__user-table tbody tr:hover{background-color:#8b5cf60d}.activity-dashboard__user-avatar{background-color:var(--dashboard-bg-active);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:600;display:flex}.activity-dashboard__user-status{color:#10b981;background-color:#10b9811a;border-radius:9999px;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.activity-dashboard__user-status--offline{color:#ef4444;background-color:#ef44441a}@media (max-width:768px){.activity-dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.activity-dashboard__user-table th,.activity-dashboard__user-table td{padding:.75rem .5rem}.activity-dashboard__user-table th:nth-child(4),.activity-dashboard__user-table td:nth-child(4){display:none}}
.dashboard-content{margin-top:calc(var(--dashboard-header-height) + 14px);width:100%;z-index:var(--dashboard-z-content);margin-bottom:2rem;position:relative}@media (min-width:1024px){.dashboard-content{margin-left:calc(var(--dashboard-sidebar-width) + 16px + 16px);width:calc(100% - var(--dashboard-sidebar-width) - 16px - 16px - 16px);margin-right:16px}}
:root{--base-font-size:16px;--min-viewport-width:320px;--max-viewport-width:1920px;--fluid-space-min:.5;--fluid-space-max:1.5}html{font-size:var(--base-font-size)}@media screen and (min-width:320px){html{font-size:clamp(calc(var(--base-font-size)*.875),calc(var(--base-font-size) + .5vw),calc(var(--base-font-size)*1.25))}}.fluid-margin{margin:clamp(calc(var(--fluid-space-min)*1rem),calc(var(--fluid-space-min)*1rem + (var(--fluid-space-max) - var(--fluid-space-min))*((100vw - var(--min-viewport-width))/(var(--max-viewport-width) - var(--min-viewport-width)))),calc(var(--fluid-space-max)*1rem))}.fluid-padding{padding:clamp(calc(var(--fluid-space-min)*1rem),calc(var(--fluid-space-min)*1rem + (var(--fluid-space-max) - var(--fluid-space-min))*((100vw - var(--min-viewport-width))/(var(--max-viewport-width) - var(--min-viewport-width)))),calc(var(--fluid-space-max)*1rem))}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem;display:grid}.responsive-grid-tight{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:.75rem;display:grid}.responsive-grid-wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:1.5rem;display:grid}.responsive-image{max-width:100%;height:auto;display:block}.responsive-image-contain{-o-object-fit:contain;object-fit:contain;max-width:100%;height:auto}.responsive-image-cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hide-on-mobile{display:none}@media (min-width:768px){.hide-on-mobile{display:initial}.show-on-mobile{display:none}}.flex-col-to-row{flex-direction:column;display:flex}@media (min-width:768px){.flex-col-to-row{flex-direction:row}}.text-center-mobile{text-align:center}@media (min-width:768px){.text-center-mobile{text-align:left}}
:focus{outline-offset:2px;outline:2px solid #8b5cf6}:focus:not(:focus-visible){outline:none}:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.skip-to-content{color:#fff;z-index:100;background:#8b5cf6;padding:8px;transition:top .2s;position:absolute;top:-40px;left:0}.skip-to-content:focus{top:0}.sr-only,.sr-only-focusable:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-float{animation:none!important}}@media (forced-colors:active){.dashboard-border{border:2px solid canvastext!important}button,a{forced-color-adjust:none}}.keyboard-focus-indicator:focus{box-shadow:0 0 0 3px #8b5cf680}.text-accessible-on-dark{color:#f3f4f6!important}.text-accessible-on-light{color:#1f2937!important}.link-accessible{text-underline-offset:.2em;text-decoration:underline}.link-accessible:hover{text-decoration-thickness:2px}.form-label{margin-bottom:.5rem;font-weight:500;display:block}.form-input{border:2px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem}.form-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf64d}.form-error{color:#ef4444;margin-top:.25rem;font-size:.875rem}.button-accessible{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem 1rem;display:inline-flex}.table-accessible{border-collapse:separate;border-spacing:0;width:100%}.table-accessible th{text-align:left;border-bottom:2px solid #d1d5db;padding:.75rem;font-weight:600}.table-accessible td{border-bottom:1px solid #e5e7eb;padding:.75rem}.table-accessible caption{text-align:left;margin-bottom:.5rem;font-weight:600}.dialog-accessible{border-radius:.5rem;width:100%;max-width:28rem;margin:1.5rem auto;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dialog-accessible-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.dialog-accessible-close{border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;top:.75rem;right:.75rem}
.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:0 500px}.optimize-offscreen{content-visibility:auto;contain-intrinsic-size:0 300px}.hardware-accelerated{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.will-animate:hover{will-change:transform}.will-animate:not(:hover){will-change:auto;transition:will-change .2s}.aspect-ratio-container{width:100%;height:0;position:relative}.aspect-ratio-16-9{padding-bottom:56.25%}.aspect-ratio-4-3{padding-bottom:75%}.aspect-ratio-1-1{padding-bottom:100%}.aspect-ratio-content{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.lazy-image{width:100%;height:auto;display:block}.lazy-image-placeholder{background-color:#e5e7eb;width:100%;height:0;padding-bottom:56.25%;position:relative}.optimize-fixed{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.optimize-animation{will-change:transform,opacity;animation-timing-function:cubic-bezier(.4,0,.2,1)}.optimize-text-rendering{text-rendering:optimizeSpeed}.optimize-layout-reads{contain:layout}.contain-paint{contain:paint}.contain-strict{contain:strict}.fixed-no-repaint{will-change:transform;backface-visibility:hidden;position:fixed;transform:translateZ(0)}.optimize-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth}.prevent-layout-shift{width:100%;height:auto;aspect-ratio:attr(width)/attr(height);display:block}.optimize-transition{will-change:transform,opacity;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.clip-animation-area{contain:paint;overflow:hidden}.prevent-foit{font-display:swap}.prevent-fout{font-display:block}.optimize-svg{shape-rendering:geometricPrecision}
.fixed-sidebar a,.fixed-sidebar button{z-index:45;position:relative;pointer-events:auto!important}body{min-height:100vh;overflow:hidden auto}.dashboard-mt-0{margin-top:0!important}.dashboard-mt-1{margin-top:var(--dashboard-space-1)!important}.dashboard-mt-2{margin-top:var(--dashboard-space-2)!important}.dashboard-mt-4{margin-top:var(--dashboard-space-4)!important}.dashboard-mt-6{margin-top:var(--dashboard-space-6)!important}.dashboard-mt-8{margin-top:var(--dashboard-space-8)!important}.dashboard-mb-0{margin-bottom:0!important}.dashboard-mb-1{margin-bottom:var(--dashboard-space-1)!important}.dashboard-mb-2{margin-bottom:var(--dashboard-space-2)!important}.dashboard-mb-4{margin-bottom:var(--dashboard-space-4)!important}.dashboard-mb-6{margin-bottom:var(--dashboard-space-6)!important}.dashboard-mb-8{margin-bottom:var(--dashboard-space-8)!important}.dashboard-p-0{padding:0!important}.dashboard-p-2{padding:var(--dashboard-space-2)!important}.dashboard-p-4{padding:var(--dashboard-space-4)!important}.dashboard-p-6{padding:var(--dashboard-space-6)!important}.dashboard-flex{display:flex!important}.dashboard-flex-col{flex-direction:column!important}.dashboard-items-center{align-items:center!important}.dashboard-justify-between{justify-content:space-between!important}.dashboard-gap-2{gap:var(--dashboard-space-2)!important}.dashboard-gap-4{gap:var(--dashboard-space-4)!important}.dashboard-gap-6{gap:var(--dashboard-space-6)!important}.dashboard-text-primary{color:var(--dashboard-text-primary)!important}.dashboard-text-secondary{color:var(--dashboard-text-secondary)!important}.dashboard-text-accent{color:var(--dashboard-text-accent)!important}.dashboard-text-success{color:var(--dashboard-text-success)!important}.dashboard-text-warning{color:var(--dashboard-text-warning)!important}.dashboard-text-error{color:var(--dashboard-text-error)!important}.dashboard-text-xs{font-size:var(--dashboard-font-size-xs)!important}.dashboard-text-sm{font-size:var(--dashboard-font-size-sm)!important}.dashboard-text-base{font-size:var(--dashboard-font-size-base)!important}.dashboard-text-lg{font-size:var(--dashboard-font-size-lg)!important}.dashboard-text-xl{font-size:var(--dashboard-font-size-xl)!important}.dashboard-text-2xl{font-size:var(--dashboard-font-size-2xl)!important}.dashboard-bg-content{background-color:var(--dashboard-bg-content)!important}.dashboard-bg-accent{background-color:var(--dashboard-bg-accent)!important}.dashboard-bg-success{background-color:var(--dashboard-bg-success)!important}.dashboard-bg-warning{background-color:var(--dashboard-bg-warning)!important}.dashboard-bg-error{background-color:var(--dashboard-bg-error)!important}.dashboard-rounded{border-radius:var(--dashboard-border-radius-sm)!important}.dashboard-rounded-md{border-radius:var(--dashboard-border-radius)!important}.dashboard-rounded-lg{border-radius:var(--dashboard-border-radius-lg)!important}.dashboard-border{border:2px solid var(--dashboard-border-primary)!important}.dashboard-border-light{border:2px solid var(--dashboard-border-light)!important}.dashboard-shadow-sm{box-shadow:var(--dashboard-shadow-sm)!important}.dashboard-shadow{box-shadow:var(--dashboard-shadow-md)!important}.dashboard-shadow-lg{box-shadow:var(--dashboard-shadow-lg)!important}.dashboard-shadow-xl{box-shadow:var(--dashboard-shadow-xl)!important}.dashboard-transition{transition:all var(--dashboard-transition-normal)ease!important}.dashboard-transition-fast{transition:all var(--dashboard-transition-fast)ease!important}.dashboard-transition-slow{transition:all var(--dashboard-transition-slow)ease!important}.dashboard-focus-ring:focus{outline:none;box-shadow:var(--dashboard-focus-ring)!important}.dashboard-focus-ring-success:focus{outline:none;box-shadow:var(--dashboard-focus-ring-success)!important}.dashboard-focus-ring-warning:focus{outline:none;box-shadow:var(--dashboard-focus-ring-warning)!important}.dashboard-focus-ring-error:focus{outline:none;box-shadow:var(--dashboard-focus-ring-error)!important}@media (max-width:640px){.dashboard-hidden-sm{display:none!important}}@media (min-width:641px) and (max-width:1023px){.dashboard-hidden-md{display:none!important}}@media (min-width:1024px){.dashboard-hidden-lg{display:none!important}}