@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.icon-bar{background:#1c2232;flex-direction:column;flex-shrink:0;align-items:center;width:48px;min-width:48px;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;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex}.icon-bar__btn:hover{color:#fffc;background:#ffffff14}.icon-bar__btn--active{color:var(--accent);background:#e35a2f26}.icon-bar__btn--active:hover{color:var(--accent);background:#e35a2f33}.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;--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:#9b9ba8;--border:#e4e4e9;--border-light:#f0f0f4;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000017;--radius:8px;--radius-sm:4px;--radius-lg:12px}html,body,#root{height:100%;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.45}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration: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-3,.grid-2{grid-template-columns:1fr}}.card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}::-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}