:root{--bg-sidebar:#fcfaff;--text-main:#1e293b;--text-muted:#64748b;--white:#fff;--accent-orange:linear-gradient(135deg,#ffb300 0%,#ff8c00 100%);--shadow:0 4px 12px rgba(0,0,0,.05);--header-height:70px}body{font-family:'Inter',-apple-system,sans-serif;background:#f0f2f5;margin:0}@media(min-width:769px){.sf-sidebar-wrapper{width:300px!important;position:fixed;top:var(--header-height);left:0;bottom:0;background-color:var(--white)!important;border-right:1px solid #edf2f7;z-index:1000}.sidebar{width:300px;background-color:var(--white);height:100%;padding:24px 20px;box-sizing:border-box;overflow-y:auto}}.sidebar-header h2{margin:0;font-size:22px;font-weight:800;color:var(--text-main)}.sidebar-header p{margin:4px 0 0 0;font-size:14px;color:var(--text-muted)}.nav-cards{display:flex;flex-direction:column;gap:12px;margin-top:24px}.nav-card{display:flex;align-items:center;padding:14px 16px;border-radius:18px;text-decoration:none;background:#f8fafc;transition:all .2s ease;position:relative}.nav-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.icon-box{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:18px;flex-shrink:0}.bg-blue{background:#eef2ff;color:#4f46e5}.bg-orange{background:#fff7ed;color:#f97316}.bg-green{background:#f0fdf4;color:#22c55e}.card-title{font-weight:700;font-size:15px;color:var(--text-main)}.card-sub{font-size:12px;color:var(--text-muted)}.badge{position:absolute;right:15px;background:#f97316;color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:10px}@media(max-width:768px){.sf-sidebar-wrapper{width:100%!important;background:transparent!important}.sidebar{width:100%!important;height:auto;position:sticky;top:0;z-index:2000;padding:10px 15px;border-right:0;border-bottom:1px solid #edf2f7;background-color:var(--white);display:flex;flex-direction:row;align-items:center;overflow:hidden}.sidebar-header{display:none!important}.nav-cards{flex-direction:row;margin-top:0;gap:8px;overflow-x:auto;flex:1;scrollbar-width:none}.nav-cards::-webkit-scrollbar{display:none}.nav-card{padding:6px 12px;border-radius:12px;flex-shrink:0}.icon-box{width:28px;height:28px;margin-right:8px;font-size:14px}.card-title{font-size:13px;white-space:nowrap}.card-sub,.badge{display:none}.filter-options,.view-switcher,.mosaic-filter-buttons{display:none!important}}.bg-indigo{background:#eef2ff;color:#4f46e5}.bg-orange{background:#fff7ed;color:#f97316}.bg-emerald{background:#ecfdf5;color:#10b981}.bg-sky{background:#f0f9ff;color:#0284c7}.bg-rose{background:#fff1f2;color:#e11d48}