@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";*,*:before,*:after{transition:background-color .3s ease,border-color .3s ease,color .15s ease,box-shadow .3s ease}.mi-chip,.mi-pick,[style*=animation],canvas,video,img,svg{transition:all .25s cubic-bezier(.4,0,.2,1)!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--ink: #eef4fb;--ink-l: #ffffff;--ink-c: #f7fafd;--ink-s: #deebf7;--milk: #102033;--milk-soft: #546579;--milk-low: #8797ab;--cyan: #2595d9;--violet: #7da5ff;--teal: #dff2ff;--line: rgba(101,128,160,.14);--line-strong: rgba(37,149,217,.22);--panel: rgba(255,255,255,.94);--panel-elevated: rgba(250,252,255,.98);--panel-soft: rgba(37,149,217,.06);--page-gradient: radial-gradient(circle at 12% 10%, rgba(111,196,255,.2), transparent 24%), radial-gradient(circle at 84% 8%, rgba(125,165,255,.18), transparent 22%), linear-gradient(180deg, #fbfdff 0%, #f2f7fc 46%, #e9f1f9 100%);--page-gradient-soft: radial-gradient(circle at 12% 10%, rgba(111,196,255,.14), transparent 22%), linear-gradient(180deg, rgba(251,253,255,.98) 0%, rgba(240,246,252,.98) 100%);--shell-bg: linear-gradient(180deg, rgba(249,252,255,.98) 0%, rgba(241,246,252,.98) 100%);--shell-panel: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(245,249,254,.98) 100%);--accent-soft: rgba(37,149,217,.12);--accent-strong: rgba(37,149,217,.22);--accent-gradient: linear-gradient(135deg, #ffffff 0%, #dff3ff 42%, #7ed4ff 100%);--accent-text: #0e2942;--shadow-panel: 0 24px 60px rgba(57,104,145,.12);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth}body{font-family:DM Sans,Outfit,Segoe UI,system-ui,sans-serif;background:var(--page-gradient);color:var(--milk);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}#root{min-height:100vh}.mi-shell-root{display:flex;min-height:100vh;gap:18px;padding:18px;background:var(--page-gradient-soft)}.mi-shell-main{flex:1;min-width:0;position:relative;z-index:10}.mobile-menu-btn{display:none}.mi-app-canvas{min-height:calc(100vh - 36px);border-radius:30px;border:1px solid var(--line);background:var(--shell-panel);box-shadow:0 18px 48px #3968911f;overflow:hidden}.mi-app-canvas--studio{border-radius:24px}.mi-app-scroll{height:100%;overflow:auto;padding:26px 28px 32px}.mi-app-scroll--studio{padding:18px 18px 22px}.mi-topbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.mi-searchbar{display:flex;align-items:center;gap:10px;min-width:240px;padding:11px 14px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--milk-soft)}.mi-searchbar input{width:100%;border:none;background:transparent;color:var(--milk);font:inherit;outline:none}.mi-primary-btn,.mi-secondary-btn,.mi-pill-btn{font:inherit;cursor:pointer;transition:all .25s var(--ease-out-expo)}.mi-primary-btn{min-height:44px;padding:0 18px;border:none;border-radius:16px;background:var(--accent-gradient);color:var(--accent-text);font-weight:800;box-shadow:0 10px 30px color-mix(in srgb,var(--cyan) 16%,transparent)}.mi-secondary-btn{min-height:42px;padding:0 16px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--milk);font-weight:700}.mi-pill-btn{min-height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 70%,transparent);color:var(--milk-soft);font-size:.8rem;font-weight:700}.mi-pill-btn.active{border-color:var(--line-strong);background:var(--accent-soft);color:var(--cyan)}.mi-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mi-two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px}.mi-three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mi-list-stack{display:grid;gap:12px}.mi-list-card{display:grid;gap:10px;padding:16px;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 90%,transparent)}.mi-page-note{color:var(--milk-soft);font-size:.86rem;line-height:1.7}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-soft);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-strong)}::selection{background:var(--accent-soft);color:var(--accent-text)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}button,a,input,select,textarea{transition:all .3s var(--ease-out-expo)}.mi-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--panel-elevated) 88%,transparent) 0%,var(--panel) 100%);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-panel)}.mi-panel-soft{background:var(--panel-soft);border:1px solid var(--line);border-radius:18px}.mi-grid-noise:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--milk) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--milk) 8%,transparent) 1px,transparent 1px);background-size:28px 28px;opacity:.2;pointer-events:none}.mi-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--milk-low)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--accent-soft)}50%{box-shadow:0 0 24px var(--accent-strong)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes wordFade{0%{opacity:0;transform:translateY(10px)}12%{opacity:1;transform:translateY(0)}88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:768px){.mobile-menu-btn{display:flex!important}.sidebar-desktop{transform:translate(-100%);position:fixed!important;z-index:2500!important;transition:transform .3s ease!important}.sidebar-desktop.open{transform:translate(0)!important}.main-content{padding:2rem 1rem!important}.nav-desktop{display:none!important}.nav-mobile-btn{display:block!important}.mi-shell-root{display:block;padding:0}.mi-shell-main{padding:64px 12px 12px}.mi-app-canvas,.mi-app-canvas--studio{min-height:auto;border-radius:22px}.mi-app-scroll,.mi-app-scroll--studio{padding:18px 16px 22px}.mi-kpi-grid,.mi-two-col,.mi-three-col{grid-template-columns:1fr}}@media(min-width:769px){.nav-mobile-btn{display:none!important}}a:hover{opacity:.85}button:active{transform:scale(.97)}.mi-bp{box-shadow:0 4px 24px var(--accent-soft),0 0 0 0 transparent inset}.mi-bp:hover{transform:translateY(-2px)!important;box-shadow:0 8px 36px var(--accent-strong),0 0 20px var(--accent-soft) inset!important;filter:brightness(1.04)!important}.mi-bp:active{transform:scale(.97)!important;filter:brightness(1)!important}.mi-bg:hover,.mi-bs:hover{background:var(--panel-soft)!important;border-color:var(--line-strong)!important;transform:translateY(-1px)}.mi-fc:hover{transform:translateY(-8px);box-shadow:0 24px 70px #0000001a,0 0 36px var(--accent-soft);border-color:var(--line-strong)!important}.mi-sc:hover{transform:translateY(-5px);box-shadow:0 16px 48px #00000024;border-color:var(--accent-strong)!important}@keyframes mi-spin{to{transform:rotate(360deg)}}.mi-spinner{width:24px;height:24px;border:3px solid var(--accent-soft);border-top-color:var(--cyan);border-radius:50%;animation:mi-spin .7s linear infinite;display:inline-block}.mi-spinner-sm{width:16px;height:16px;border-width:2px}@media(max-width:480px){body{font-size:15px}}@media(max-width:360px){body{font-size:14px}}@keyframes mi-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.mi-skeleton{background:linear-gradient(90deg,var(--panel-soft) 25%,color-mix(in srgb,var(--cyan) 12%,transparent) 50%,var(--panel-soft) 75%);background-size:400px 100%;animation:mi-shimmer 1.5s ease infinite;border-radius:8px;height:16px;margin-bottom:8px}
