@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";.icon-bar{background:#1c2232;flex-direction:column;flex-shrink:0;align-items:center;width:52px;min-width:52px;height:100vh;padding:10px 0;display:flex}.icon-bar__logo{background:var(--accent);color:#fff;cursor:default;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:18px;font-size:13px;font-weight:800;display:flex}.icon-bar__nav{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.icon-bar__bottom{flex-direction:column;align-items:center;gap:2px;display:flex}.icon-bar__btn{color:#fff6;width:44px;height:44px;transition:background var(--dur-fast) var(--ease-out-quart), color var(--dur-fast) var(--ease-out-quart), transform var(--dur-micro);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-bar__btn:hover{color:#fffc;background:#ffffff14;transform:scale(1.04)}.icon-bar__btn:active{transform:scale(.95)!important}.icon-bar__btn--active{color:var(--accent);background:#e35a2f26}.icon-bar__btn--active:hover{color:var(--accent);background:#e35a2f33;transform:scale(1.05)}.icon-bar__avatar{color:#fff;cursor:pointer;background:#ffffff26;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-top:8px;font-size:9px;font-weight:700;transition:background .15s;display:flex}.icon-bar__avatar:hover{background:#ffffff40}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w:224px;--right-w:252px;--header-h:48px;--tabs-h:40px;--ease-out-quart:cubic-bezier(.23, 1, .32, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--dur-micro:.1s;--dur-fast:.18s;--dur-medium:.24s;--dur-enter:.32s;--bg:#f4f5f7;--bg-white:#fff;--accent:#e35a2f;--accent-hover:#c94e26;--accent-light:#fef0eb;--blue:#2563eb;--blue-light:#eff6ff;--text-primary:#1a1a1a;--text-secondary:#555560;--text-muted:#767681;--border:#e4e4e9;--border-light:#f0f0f4;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000017;--danger:#dc2626;--danger-bg:#fee2e2;--danger-hover:#b91c1c;--highlight-bg:#fef08a;--green:#16a34a;--green-light:#dcfce7;--white:#fff;--radius:8px;--radius-sm:4px;--radius-lg:12px;--fs-h1:22px;--fs-h2:16px;--fs-h3:13px;--fs-body:13px;--fs-label:11px;--fs-stat:24px;--fs-stat-hero:30px;--fw-heading:700;--fw-sub:600;--fw-medium:500;--fw-body:400;--ls-label:.055em;--slate:#64748b;--slate-light:#f1f5f9}html,body,#root{height:100%;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;transition:transform .1s ease-out}button:active{transform:scale(.97)}input,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.app-root{width:100vw;height:100vh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.app-content{flex:1;min-width:0;overflow:hidden auto}.page{flex-direction:column;gap:14px;min-height:100%;padding:18px 20px;display:flex}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.app-sidebar,.app-right{display:none!important}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-2{grid-template-columns:1fr}}@media (width<=480px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}@keyframes fadeSlideIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes badgePop{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.anim-fade-slide{animation:.15s ease-out both fadeSlideIn}.anim-scale-in{animation:scaleIn var(--dur-fast) var(--ease-out-expo) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#c8c8d0}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.6;display:inline-flex}.badge-green{color:#16a34a;background:#dcfce7}.badge-yellow{color:#b45309;background:#fef3c7}.badge-red{color:#dc2626;background:#fee2e2}.badge-blue{color:#2563eb;background:#dbeafe}.badge-gray{color:#555560;background:#f3f4f6}.badge-orange{color:#e35a2f;background:#fef0eb}.page-title{font-size:var(--fs-h1);font-weight:var(--fw-heading);letter-spacing:-.01em;color:var(--text-primary);text-wrap:balance;margin:0;line-height:1.2}.page-subtitle{font-size:var(--fs-label);color:var(--text-muted);font-weight:var(--fw-body);margin-top:3px}.section-label{font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted)}.section-title{font-size:var(--fs-h3);font-weight:var(--fw-sub);color:var(--text-primary);margin:0}.stat-num{font-variant-numeric:tabular-nums;font-size:var(--fs-stat);font-weight:var(--fw-heading);line-height:1.15}.stat-num--hero{font-size:var(--fs-stat-hero)}