.dashboard-container{margin:0 auto;padding:1.5rem 2rem 2.5rem}.dashboard-header{display:flex;flex-direction:column;margin-bottom:2rem}@media(min-width:768px){.dashboard-header{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}}.dashboard-title{margin-bottom:.25rem}.dashboard-title h1{font-size:1.875rem;font-weight:700;color:#111827}@media(min-width:768px){.dashboard-title h1{font-size:2.25rem}}.dashboard-title p{color:#6b7280;margin-top:.25rem}.dashboard-actions{display:flex;gap:.5rem}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}@media(min-width:768px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-main-content{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.dashboard-main-content{grid-template-columns:2fr 1fr}}.dashboard-left-column,.dashboard-right-column{display:flex;flex-direction:column;gap:1.5rem}.menu-drawer{position:fixed;top:0;left:0;height:100vh;width:80%;max-width:320px;background:var(--background);box-shadow:2px 0 10px var(--shadow-soft);z-index:80;display:flex;flex-direction:column;transform:translateX(-100%);will-change:transform}.menu-drawer[data-state=open]{animation:drawer-slide-in-left .24s cubic-bezier(.16,1,.3,1) forwards}.menu-drawer[data-state=closed]{animation:drawer-slide-out-left .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes drawer-slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes drawer-slide-out-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.menu-drawer-desktop{position:fixed;top:0;right:0;height:100vh;width:80%;max-width:320px;background:var(--background);box-shadow:-2px 0 10px var(--shadow-soft);z-index:80;display:flex;flex-direction:column;transform:translateX(100%);will-change:transform}.menu-drawer-desktop[data-state=open]{animation:drawer-slide-in-right .24s cubic-bezier(.16,1,.3,1) forwards}.menu-drawer-desktop[data-state=closed]{animation:drawer-slide-out-right .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes drawer-slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes drawer-slide-out-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}.menu-overlay{position:fixed;inset:0;background:var(--overlay-color);backdrop-filter:blur(2px);z-index:70;opacity:0}.menu-overlay[data-state=open]{animation:overlay-fade-in .2s ease-out forwards}.menu-overlay[data-state=closed]{animation:overlay-fade-out .15s ease-in forwards}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__header{position:sticky;top:0;z-index:10;background-color:var(--background);border-bottom:1px solid var(--border-color);padding:.75rem 0}.layout__container{max-width:1200px;margin:0 auto;padding:0 1rem;justify-content:space-between}.layout__brand,.layout__brand-link,.layout__container{display:flex;align-items:center}.layout__brand-link{gap:.5rem}.layout__brand-text{font-weight:700;font-size:1.25rem;color:var(--text-primary)}.layout__nav{display:flex;align-items:center;gap:.5rem}.layout__separator{height:24px;width:1px;background-color:var(--border-color);margin:0 .5rem}.layout__nav-button--active{background-color:var(--primary-color);color:var(--on-primary-color)}.layout__main{flex:1;padding:2rem 1rem;margin:0 auto;width:100%}@media(max-width:768px){.layout__brand-text{display:none}.layout__nav{gap:.25rem}}