@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Lexend:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-0: #fafaf8;--bg-1: #f5f3f0;--bg-2: #f0e9e0;--surface-0: rgba(255, 255, 255, .98);--surface-1: rgba(255, 255, 255, .94);--surface-2: rgba(253, 251, 248, .96);--line: rgba(38, 36, 34, .1);--text-0: #1a1a1a;--text-1: #3a3a3a;--text-2: #6b7280;--brand-a: #0d9488;--brand-b: #f59e0b;--brand-c: #ec4899;--brand-d: #9ca3af;--brand-e: #64748b;--ok: #16a34a;--warn: #d97706;--danger: #dc2626;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--shadow-sm: 0 8px 20px rgba(15, 10, 6, .08);--shadow-md: 0 16px 40px rgba(15, 10, 6, .12);--shadow-lg: 0 28px 60px rgba(15, 10, 6, .16);--ease: .2s cubic-bezier(.22, 1, .36, 1);--sidebar-w: 288px;--header-h: 72px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01";letter-spacing:-.01em;background:radial-gradient(900px 600px at 8% -10%,color-mix(in srgb,var(--brand-a) 10%,transparent),transparent 62%),radial-gradient(860px 620px at 95% 3%,color-mix(in srgb,var(--brand-b) 12%,transparent),transparent 66%),linear-gradient(135deg,var(--bg-0),var(--bg-1) 52%,var(--bg-2));background-attachment:fixed}.modern-app{position:relative;display:flex;min-height:100vh;overflow:hidden}.modern-app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;background-image:linear-gradient(color-mix(in srgb,var(--text-2) 18%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text-2) 18%,transparent) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,black 26%,transparent 86%);mask-image:radial-gradient(circle at center,black 26%,transparent 86%)}.modern-sidebar{width:var(--sidebar-w);position:fixed;left:0;top:0;bottom:0;z-index:30;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.07);background:linear-gradient(160deg,#1a1a1a,#242424 68%,#2a2a2a);color:#fff;box-shadow:var(--shadow-md);transition:transform var(--ease),width var(--ease);flex-shrink:0}.modern-sidebar.collapsed{width:94px}@media (max-width: 1023px){.modern-sidebar{width:var(--sidebar-w)}}.modern-sidebar-header,.modern-sidebar-footer{border-color:#ffffff1f}.modern-sidebar-header{height:var(--header-h);padding:14px 16px;display:flex;align-items:center;border-bottom:1px solid}.modern-sidebar-content{overflow-y:auto;overflow-x:hidden;padding:14px;flex:1;-webkit-overflow-scrolling:touch}.modern-sidebar-footer{border-top:1px solid;padding:14px}.modern-main{margin-left:var(--sidebar-w);flex:1;min-height:100vh;display:flex;flex-direction:column;width:calc(100% - var(--sidebar-w))}@media (min-width: 1024px){.modern-sidebar.collapsed~.modern-main{margin-left:94px;width:calc(100% - 94px)}}.modern-header{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(95deg,#1a1a1a 10%,#242424);color:#fff}.modern-content{width:min(1600px,100%);margin:0 auto;padding:30px 24px}.nav-section{margin-bottom:18px}.nav-section-title{padding:0 10px;margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff94}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:#ffffffd1;display:flex;align-items:center;gap:10px;text-align:left;border-radius:12px;padding:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--ease)}.nav-item:hover{background:#0d94882e;color:#fff;border-color:#0d948859;transform:translate(3px)}.nav-item.active{background:linear-gradient(90deg,#0d948847,#f59e0b3d);color:#fff;border-color:#f59e0b61;box-shadow:0 10px 24px #0d94882e}.nav-item-icon{width:18px;height:18px;flex-shrink:0}.card{border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:var(--r-xl);background:linear-gradient(165deg,var(--surface-0),var(--surface-2));box-shadow:var(--shadow-sm);padding:22px;position:relative;overflow:hidden;transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(520px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(13,148,136,.08),transparent 60%);opacity:0;transition:opacity var(--ease);pointer-events:none}.card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--brand-a) 34%,var(--line))}.card:hover:after{opacity:1}.card-header{margin-bottom:14px}.card-title{margin:0 0 6px;font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.03em;color:var(--text-0);font-family:Lexend,Inter,sans-serif}.card-description{margin:0;font-size:14px;line-height:1.6;color:var(--text-2);font-weight:500}.btn{border:0;border-radius:var(--r-md);padding:10px 14px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform var(--ease),box-shadow var(--ease),filter var(--ease)}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(120deg,var(--brand-e),var(--brand-b));box-shadow:0 14px 28px #ea580c47}.btn-primary:hover{filter:saturate(1.08)}.btn-secondary{color:var(--text-1);background:color-mix(in srgb,var(--brand-c) 10%,#ffffff);border:1px solid color-mix(in srgb,var(--brand-c) 26%,transparent)}.btn-ghost{color:var(--text-1);background:color-mix(in srgb,var(--brand-c) 8%,#ffffff);border:1px solid color-mix(in srgb,var(--line) 88%,transparent)}.btn-ghost:hover{color:var(--text-0);background:color-mix(in srgb,var(--brand-a) 12%,#ffffff)}.text-primary{color:var(--text-0)}.text-secondary{color:var(--text-1)}.text-tertiary{color:var(--text-2)}.text-2xl{font-size:24px}.text-3xl{font-size:30px;letter-spacing:-.02em}.text-4xl{font-size:36px;letter-spacing:-.03em;line-height:1.1}.display-1{font-size:46px;font-weight:800;letter-spacing:-.04em;line-height:1.02;color:var(--text-0);font-family:Lexend,sans-serif}.skeleton{background:linear-gradient(100deg,#d6d3d14d 20%,#e7e5e4b3,#d6d3d14d 80%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:8px;border:1px solid;font-family:JetBrains Mono,monospace}.badge-primary{color:#0f766e;background:#0d94881f;border-color:#0d94883d}.badge-success{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,#ffffff);border-color:color-mix(in srgb,var(--ok) 28%,transparent)}.badge-warning{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,#ffffff);border-color:color-mix(in srgb,var(--warn) 28%,transparent)}.badge-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,#ffffff);border-color:color-mix(in srgb,var(--danger) 28%,transparent)}.glass-panel{background:linear-gradient(165deg,var(--surface-1),var(--surface-2));border:1px solid color-mix(in srgb,var(--line) 94%,transparent);box-shadow:var(--shadow-sm)}.theme-popover{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 1023px){.modern-sidebar{position:fixed;transform:translate(-100%);transition:transform var(--ease);width:var(--sidebar-w);z-index:45;left:0;top:0;bottom:0;height:100vh;display:flex;flex-direction:column}.modern-sidebar.mobile-open{transform:translate(0);z-index:45;box-shadow:2px 0 24px #0000004d}.modern-sidebar-header{flex-shrink:0;height:var(--header-h)}.modern-sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch}.modern-sidebar-footer{flex-shrink:0}.modern-main{margin-left:0;width:100%;flex:1}.modern-content{padding:18px 14px}.modern-header{padding:0 14px;gap:8px}.modern-header>div:last-child{gap:6px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}