@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";:root{--sidebar-width: 260px;--header-height: 64px;--primary-sidebar: #6366f1;--primary-sidebar-hover: #4f46e5;--primary-sidebar-soft: #eef2ff;--text-sidebar: #64748b;--text-sidebar-main: #0f172a;--border-sidebar: #e2e8f0;--bg-sidebar: #ffffff;--transition-base: .25s cubic-bezier(.4, 0, .2, 1)}html{height:100%;overflow-y:scroll}body{font-family:Inter,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f3f4f6;min-height:100%}.app-layout{display:flex;min-height:calc(100vh - var(--header-height));margin-top:var(--header-height)}.sidebar{width:var(--sidebar-width);flex-shrink:0;padding:2rem 1.5rem;border-right:1px solid var(--border-sidebar);height:calc(100vh - var(--header-height));position:sticky;top:var(--header-height);background-color:var(--bg-sidebar);z-index:30}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:0;margin:0}.menu-item{list-style:none}.menu-item a{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-sidebar);text-decoration:none;border-radius:10px;transition:var(--transition-base);white-space:nowrap;font-weight:500;font-size:.9375rem;cursor:pointer;-webkit-user-select:none;user-select:none}.menu-item a:hover{background-color:#f9fafb;color:var(--text-sidebar-main)}.menu-item.active a{background-color:var(--primary-sidebar-soft);color:var(--primary-sidebar);font-weight:600}.menu-icon{margin-right:.875rem;display:flex;align-items:center}.menu-icon svg{width:20px;height:20px}.main-content{flex:1;min-width:0;padding:2rem 3rem;background-color:#f3f4f6;min-height:calc(100vh - var(--header-height))}.mobile-menu-toggle,.sidebar-overlay{display:none}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-toast-in{animation:toastIn .4s cubic-bezier(.16,1,.3,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (max-width: 768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#374151;cursor:pointer;border-radius:10px;transition:.15s ease;margin-right:.5rem;flex-shrink:0}.mobile-menu-toggle:hover{background-color:#f3f4f6}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1001;transform:translate(-100%);transition:transform var(--transition-base);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;width:280px;height:100vh;padding-top:2rem}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.sidebar-overlay.show{opacity:1;pointer-events:auto}.main-content{padding:1rem}.app-layout{margin-top:var(--header-height)}}