:root{--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-neutral-0: #ffffff;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: #3b82f6;--color-info-light: #dbeafe;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-fluid-xs: clamp(.75rem, 2vw, 1rem);--space-fluid-sm: clamp(1rem, 2.5vw, 1.5rem);--space-fluid-card: clamp(1rem, 2.5vw, 1.5rem);--space-fluid-md: clamp(1.5rem, 3vw, 2rem);--space-fluid-gap: clamp(1.25rem, 2vw, 1.5rem);--space-fluid-lg: clamp(2rem, 4vw, 3rem);--space-fluid-xl: clamp(3rem, 5vw, 4rem);--font-primary: "Google Sans", "Roboto", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Cascadia Code", "Roboto Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-fluid-body: clamp(.875rem, 1.5vw, 1rem);--text-fluid-sm: clamp(.75rem, 1.2vw, .875rem);--text-fluid-md: clamp(1rem, 1.8vw, 1.125rem);--text-fluid-lg: clamp(1.125rem, 2vw, 1.25rem);--text-fluid-h3: clamp(1.25rem, 2.5vw, 1.5rem);--text-fluid-h2: clamp(1.5rem, 3vw, 1.875rem);--text-fluid-h1: clamp(1.75rem, 4vw, 2.25rem);--text-fluid-display: clamp(2rem, 5vw, 3rem);--text-fluid-metric: clamp(2rem, 3vw, 2.25rem);--font-light: 300;--font-regular: 400;--font-medium: 450;--font-semibold: 500;--font-bold: 600;--leading-tight: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.8;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--nav-height: 64px;--sidebar-width: 280px;--sidebar-collapsed-width: 64px;--content-max-width: 1400px;--bg-primary: var(--color-neutral-0);--bg-secondary: var(--color-neutral-50);--bg-tertiary: var(--color-neutral-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-500);--border-color: var(--color-neutral-200);--accent: var(--color-primary-600);--accent-hover: var(--color-primary-700)}@media(prefers-color-scheme:dark){:root{--bg-primary: var(--color-neutral-950);--bg-secondary: var(--color-neutral-900);--bg-tertiary: var(--color-neutral-800);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-300);--text-tertiary: var(--color-neutral-400);--border-color: var(--color-neutral-700);--accent: var(--color-primary-500);--accent-hover: var(--color-primary-400)}}[data-theme=dark]{--bg-primary: var(--color-neutral-950);--bg-secondary: var(--color-neutral-900);--bg-tertiary: var(--color-neutral-800);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-300);--text-tertiary: var(--color-neutral-400);--border-color: var(--color-neutral-700);--accent: var(--color-primary-500);--accent-hover: var(--color-primary-400)}[data-theme=light]{--bg-primary: var(--color-neutral-0);--bg-secondary: var(--color-neutral-50);--bg-tertiary: var(--color-neutral-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-500);--border-color: var(--color-neutral-200);--accent: var(--color-primary-600);--accent-hover: var(--color-primary-700)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pl-4{padding-left:var(--space-4)}.pr-4{padding-right:var(--space-4)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right:auto}.border-0{border:none}.border-1{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.radius-xl{border-radius:var(--radius-xl)}.radius-2xl{border-radius:var(--radius-2xl)}.radius-full{border-radius:var(--radius-full)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-transparent{background-color:transparent}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--font-light)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.whitespace-nowrap{white-space:nowrap}.whitespace-normal{white-space:normal}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-primary);font-size:var(--text-fluid-body);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;min-height:100vh;font-weight:var(--font-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em}*:focus{outline:2px solid var(--accent);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:var(--space-2) var(--space-4);text-decoration:none;font-weight:var(--font-medium);z-index:var(--z-tooltip);border-radius:0 0 var(--radius-md) 0}.skip-link:focus{top:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-main{display:flex;flex:1;position:relative;min-height:100vh}.navbar-logo{width:36px;height:36px;flex-shrink:0;object-fit:contain}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width var(--transition-base),transform var(--transition-base);position:fixed;top:0;left:0;bottom:0;z-index:var(--z-modal);transform:translate(-100%);height:100vh;overflow:hidden}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}@media(min-width:1024px){.sidebar{position:sticky;transform:translate(0)}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-color);gap:var(--space-3);min-height:64px}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-fluid-lg);font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast);flex:1;min-width:0}.sidebar-brand:hover{color:var(--accent)}.sidebar-brand-text{white-space:nowrap;overflow:hidden;transition:opacity var(--transition-fast)}.sidebar.collapsed .sidebar-brand-text{opacity:0;width:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sidebar-toggle:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-toggle svg{transition:transform var(--transition-base)}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}@media(max-width:1023px){.sidebar-toggle{display:none}}.sidebar-footer{border-top:1px solid var(--border-color);padding:var(--space-4)}.sidebar-footer .btn{width:100%;justify-content:flex-start}.sidebar-footer-text{transition:opacity var(--transition-fast)}.sidebar.collapsed .sidebar-footer-text{opacity:0;width:0;overflow:hidden}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-4)}.nav-section{margin-bottom:var(--space-6)}.nav-section-title{font-size:var(--text-fluid-sm);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);padding:0 var(--space-3)}.nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--text-fluid-sm);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden}.sidebar.collapsed .nav-link{justify-content:center;padding:var(--space-3) var(--space-2)}.sidebar.collapsed .nav-link span:not(.nav-badge){display:none}.sidebar.collapsed .nav-section-title{opacity:0;height:0;padding:0;margin:0}.nav-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background-color:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.nav-icon{width:20px;height:20px;flex-shrink:0}.nav-badge{margin-left:auto;padding:var(--space-1) var(--space-2);background-color:var(--color-error);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);min-width:20px;text-align:center}.main-content{flex:1;display:flex;flex-direction:column;width:100%}@media(min-width:1024px){.main-content{width:calc(100% - var(--sidebar-width))}.sidebar.collapsed~.main-content{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}}@media(max-width:1023px){.main-content{margin-left:0;width:100%}}.top-bar{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-4) var(--space-6);background-color:var(--bg-primary);gap:var(--space-3);min-height:64px}@media(max-width:768px){.top-bar{padding:var(--space-3) var(--space-4);padding-left:70px}}.top-bar-actions{display:flex;align-items:center;gap:var(--space-2)}.top-bar-divider{width:1px;height:24px;background-color:var(--border-color);margin:0 var(--space-2)}.user-menu{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background-color:transparent;border:1px solid transparent}.user-menu:hover{background-color:var(--bg-secondary);border-color:var(--border-color)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:0}@media(max-width:768px){.user-info{display:none}}.user-name{font-size:var(--text-fluid-sm);font-weight:var(--font-medium);color:var(--text-primary);line-height:1.2}.user-role{font-size:var(--text-fluid-sm);color:var(--text-tertiary);line-height:1.2}.page-wrapper{flex:1;padding:var(--space-fluid-md);overflow-y:auto;width:100%}@media(min-width:1440px){.page-wrapper{max-width:var(--content-max-width);margin:0 auto}}@media(max-width:768px){.page-wrapper{padding:var(--space-1)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-fluid-sm);font-weight:var(--font-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--bg-tertiary) 80%,var(--text-primary))}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-fluid-card);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-title{font-size:var(--text-fluid-md);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em}.card-content{color:var(--text-secondary);line-height:var(--leading-relaxed);font-weight:var(--font-regular)}.quick-actions-section{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,transparent),color-mix(in srgb,var(--color-primary-300) 3%,transparent));border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-8)}.quick-actions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.quick-actions-title{font-size:var(--text-fluid-md);font-weight:var(--font-medium);color:var(--text-primary);letter-spacing:-.02em}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}@media(max-width:768px){.quick-actions{grid-template-columns:repeat(2,1fr)}}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:var(--text-primary);position:relative;overflow:hidden}.quick-action-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 0%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));opacity:0;transition:opacity var(--transition-fast);z-index:0}.quick-action-btn:hover:before{opacity:1}.quick-action-btn:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.quick-action-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 80%,var(--color-primary-700)));color:#fff;position:relative;z-index:1;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent);transition:all var(--transition-fast)}.quick-action-btn:hover .quick-action-icon{transform:scale(1.1);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 40%,transparent)}.quick-action-label{font-size:var(--text-fluid-sm);font-weight:var(--font-medium);text-align:center;letter-spacing:-.01em;position:relative;z-index:1}.grid{display:grid;gap:var(--space-fluid-gap);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.overlay{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-base)}.overlay.active{opacity:1;visibility:visible}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:768px){.main-content{padding:var(--space-4)}.grid{grid-template-columns:1fr}}.mobile-menu-toggle{position:fixed;top:var(--space-4);left:var(--space-4);z-index:calc(var(--z-fixed) + 1);width:40px;height:40px;border:none;background-color:var(--accent);color:#fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.mobile-menu-toggle svg{width:20px;height:20px}.mobile-menu-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}@media(min-width:1024px){.mobile-menu-toggle{display:none}}