@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.dashboard-container{min-height:100vh;display:flex}.dashboard-sidebar{background-color:var(--color-bg);border-right:1px solid var(--color-border);flex-direction:column;width:250px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{height:70px;padding:0 var(--spacing-lg);align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--color-border);display:flex}.sidebar-nav{padding:var(--spacing-md) 0;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-text-muted);transition:all var(--transition-fast);width:100%;font-weight:500;display:flex}.nav-item:hover{color:var(--color-black);background-color:#f3f4f6}.nav-item.active{color:var(--color-black);border-right:3px solid var(--color-black);background-color:#f3f4f6}.nav-item.text-error{color:var(--color-error)}.nav-item.text-error:hover{background-color:#fef2f2}.sidebar-footer{padding:var(--spacing-md) 0;border-top:1px solid var(--color-border)}.dashboard-main{flex-direction:column;flex:1;margin-left:250px;display:flex}.dashboard-header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);height:70px;padding:0 var(--spacing-2xl);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.avatar{background-color:var(--color-black);width:40px;height:40px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:flex}.dashboard-content{padding:var(--spacing-2xl);flex:1}:root{--color-bg:#fff;--color-text:#000;--color-text-muted:#666;--color-border:#e5e5e5;--color-accent:#111;--color-white:#fff;--color-black:#000;--color-error:#f33;--color-success:#0c6;--font-family:"Outfit", sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--border-radius-full:9999px;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-muted)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.text-h1{font-family:var(--font-family);letter-spacing:-.02em;font-size:clamp(2.25rem,5vw + 1rem,3.5rem);font-weight:500;line-height:1.1}.text-h2{font-family:var(--font-family);letter-spacing:-.01em;font-size:clamp(1.75rem,4vw + .5rem,2.75rem);font-weight:500;line-height:1.2}.text-h3{font-family:var(--font-family);font-size:clamp(1.5rem,3vw + .5rem,2rem);font-weight:500;line-height:1.2}.text-h4{font-family:var(--font-family);letter-spacing:.02em;font-size:clamp(1.25rem,2vw + .5rem,1.5rem);font-weight:500}.text-body{font-size:clamp(.875rem,1vw + .5rem,1rem);font-weight:400}.text-body-sm{font-size:.875rem;font-weight:400}.text-caption{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500}.container{width:100%;max-width:1440px;padding:0 clamp(1rem, 5vw, var(--spacing-xl));margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}button,.btn-primary,.btn-secondary,.icon-btn{white-space:nowrap}.btn-primary{background-color:var(--color-black);color:var(--color-white);padding:var(--spacing-md) var(--spacing-xl);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-normal);font-size:1rem;font-weight:500}.btn-primary:hover{background-color:var(--color-text-muted)}.btn-secondary{color:var(--color-black);border:1px solid var(--color-black);padding:var(--spacing-md) var(--spacing-xl);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-normal);background-color:#0000;font-size:1rem;font-weight:500}.btn-secondary:hover{background-color:var(--color-black);color:var(--color-white)}.input-field{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);font-family:var(--font-family);transition:border-color var(--transition-fast);font-size:1rem}.input-field:focus{border-color:var(--color-black);outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.text-center{text-align:center}.font-medium{font-weight:500}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-wider{letter-spacing:.05em}.block{display:block}.self-start{align-self:flex-start}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.gap-3xl{gap:var(--spacing-3xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-xl{margin-top:var(--spacing-xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.p-3xl{padding:var(--spacing-3xl)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.py-4xl{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pt-md{padding-top:var(--spacing-md)}.pt-xl{padding-top:var(--spacing-xl)}.md-flex-row,.lg-flex-row{flex-direction:column}@media (width<=768px){.flex-col-mobile{flex-direction:column!important}.text-center-mobile{text-align:center!important}.p-mobile-md{padding:var(--spacing-md)!important}}@media (width>=768px){.md-flex-row{flex-direction:row}.md-justify-center{justify-content:center}.md-justify-end{justify-content:flex-end}}@media (width>=1024px){.lg-flex-row{flex-direction:row}}.border{border:1px solid var(--color-border)}.border-bottom{border-bottom:1px solid var(--color-border)}.border-top{border-top:1px solid var(--color-border)}.bg-border{background-color:var(--color-border)}.bg-light{background-color:#fafafa}.hover-black:hover{color:var(--color-black)}.hover-bg-black:hover{background-color:var(--color-black)}.hover-text-white:hover{color:var(--color-white)}.hover-bg-light:hover{background-color:#fafafa}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.flex-1{flex:1}.relative{position:relative}.list-disc{list-style:outside}.pl-lg{padding-left:var(--spacing-lg)}.max-w-md{max-width:480px}.max-w-sm{max-width:24rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.min-h-screen{min-height:100vh}.absolute{position:absolute}.top-sm{top:var(--spacing-sm)}.right-sm{right:var(--spacing-sm)}.bg-white{background-color:var(--color-white)}.p-xs{padding:var(--spacing-xs)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:0 1px 2px #0000000d}.opacity-0{opacity:0}.group:hover .group-hover-opacity-100{opacity:1}.hover-text-error:hover{color:var(--color-error)}.animate-fade-in{animation:.3s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.overflow-x-auto{-webkit-overflow-scrolling:touch;overflow-x:auto}