.cat-view{border:1px solid var(--v7-glass-border);border-radius:var(--v7-radius-full);background:var(--v7-glass-bg);gap:4px;margin-left:auto;padding:3px;display:inline-flex}.cat-view button{border-radius:var(--v7-radius-full);width:30px;height:28px;color:var(--v7-text-3);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;transition:color .2s,background-color .2s,transform .2s;display:inline-flex}.cat-view button:hover{color:var(--v7-text-1);transform:translateY(-1px)}.cat-view button.active{color:#fff;background:linear-gradient(135deg, var(--v7-accent), var(--v7-accent-3));box-shadow:0 2px 8px var(--v7-glow)}.cat-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cat-card{border:1px solid var(--v7-glass-border);border-radius:var(--v7-radius-md);background:var(--v7-glass-bg);transition:transform .25s var(--v7-ease-out), border-color .25s, box-shadow .25s;flex-direction:column;padding:14px 16px;display:flex;position:relative;overflow:hidden}.cat-card:hover{border-color:color-mix(in srgb, var(--v7-accent) 55%, transparent);box-shadow:var(--v7-shadow-2);transform:translateY(-4px)}.cat-card .bar{background:linear-gradient(180deg, var(--cat-accent,var(--v7-accent)), var(--cat-accent,var(--v7-accent-3)));width:4px;position:absolute;top:0;bottom:0;left:0}.cat-card .top{align-items:center;gap:10px;margin-bottom:12px;display:flex}.cat-card .icon{width:38px;height:38px;color:var(--v7-accent);background:color-mix(in srgb, var(--v7-accent) 12%, transparent);transition:transform .25s var(--v7-ease-out), background-color .2s, color .2s;border-radius:12px;justify-content:center;align-items:center;display:flex}.cat-card:hover .icon{background:var(--v7-accent);color:#fff;transform:rotate(-8deg)scale(1.1)}.cat-card h4{font-size:var(--v7-text-md);color:var(--v7-text-1);font-weight:800}.cat-card .nums{font-size:var(--v7-text-xs);color:var(--v7-text-3);gap:14px;display:flex}.cat-card .nums span{align-items:center;gap:4px;display:inline-flex}.cat-card .nums b{color:var(--v7-text-1)}.cat-progress{border-radius:var(--v7-radius-full);background:color-mix(in srgb, var(--v7-accent) 10%, transparent);height:4px;margin-top:12px;overflow:hidden}.cat-progress i,.cat-row .progress i{border-radius:inherit;background:linear-gradient(90deg, var(--v7-accent), var(--v7-accent-3));width:0;height:100%;transition:width .7s var(--v7-ease-out);display:block}.cat-progress i{width:var(--pct)}.cat-list-view{flex-direction:column;gap:10px;display:flex}.cat-row{border:1px solid var(--v7-glass-border);border-radius:var(--v7-radius-sm);background:var(--v7-glass-bg);transition:transform .2s var(--v7-ease-out), border-color .2s;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;padding:10px 14px;display:grid}.cat-row:hover{border-color:color-mix(in srgb, var(--v7-accent) 50%, transparent);transform:translateY(-2px)}.cat-row h4{font-size:var(--v7-text-sm);color:var(--v7-text-1);font-weight:800}.cat-row .meta{font-size:var(--v7-text-xs);color:var(--v7-text-3);gap:14px;display:inline-flex}.cat-row .meta span{align-items:center;gap:4px;display:inline-flex}.cat-row .meta b{color:var(--v7-text-1)}.cat-row .progress{border-radius:var(--v7-radius-full);background:color-mix(in srgb, var(--v7-accent) 10%, transparent);grid-column:1/-1;height:4px;overflow:hidden}.cat-row .progress i{width:var(--pct)}@media (max-width:760px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.cat-card,.cat-row,.cat-view button,.cat-progress i,.cat-row .progress i{transition:none!important}}.cat-group-title{color:var(--v7-text-2);align-items:center;gap:7px;margin:18px 0 10px;font-size:13px;font-weight:600;display:flex}.cat-group-title:first-child{margin-top:0}.cat-group-title .count{color:var(--v7-text-3);background:var(--v7-surface);border-radius:var(--v7-radius-full);padding:1px 8px;font-size:11px;font-weight:500}