.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.sidebar nav button{display:flex;align-items:center;gap:12px;padding:13px 15px}.sidebar nav button.active{box-shadow:inset 3px 0 var(--accent);font-weight:700}.sidebar #queue-count{margin-left:auto}.sidebar .brand{letter-spacing:-1.1px}.sidebar-footer button,.topbar>button{display:flex;align-items:center;justify-content:center;gap:9px}.metric{display:block;text-align:left;width:100%;position:relative;transition:transform .15s,border-color .15s;min-height:170px}.metric:hover{transform:translateY(-2px)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--soft);color:var(--accent);border-radius:12px}.metric small{font-weight:500}.metric strong{font-size:36px;margin:12px 0 8px}.intro h2{font-size:24px}.intro p{font-size:14px}.content-filters{display:flex;gap:14px;align-items:end;margin:24px 0}.content-filters label:first-child{flex:1}.content-filters label:nth-child(2){width:210px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.content-card{padding:0;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column}.content-cover{height:170px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--accent)}.content-cover .ui-icon{height:44px;width:44px}.content-cover img{height:100%;width:100%;object-fit:cover}.content-card-body{padding:20px;display:flex;flex-direction:column;flex:1;gap:10px}.content-card h3{font-size:17px;margin:0;overflow-wrap:anywhere}.content-card p{margin:0;font-size:13px}.content-card .owner{color:var(--accent);font-weight:600}.content-card .content-snippet{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);min-height:42px}.content-card button{margin-top:auto}.content-card .pill{align-self:start}.content-detail{margin-top:20px;max-width:960px}.content-detail h2{margin:20px 0}.content-detail .detail-text{white-space:pre-wrap;overflow-wrap:anywhere}.content-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:22px}.content-gallery img{width:100%;max-height:400px;object-fit:contain;background:var(--bg);border-radius:12px}.detail-owner{margin-top:24px}.section-subtitle{max-width:620px}.content-empty{grid-column:1/-1}.dashboard-note{padding:14px 20px;border-left:3px solid var(--accent);background:var(--soft);border-radius:0 10px 10px 0}.metric:focus-visible{outline-offset:4px}@media(min-width:1400px){main{padding-left:45px;padding-right:45px}.metrics{gap:20px}}@media(max-width:1150px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar nav button{font-size:13px;padding:11px}.sidebar nav .ui-icon{width:17px;height:17px}.content-grid{grid-template-columns:1fr}.content-filters{align-items:stretch;flex-direction:column}.content-filters label:nth-child(2){width:auto}.content-gallery{grid-template-columns:1fr}.metric{min-height:150px}.metric strong{font-size:30px}.metric-icon{width:32px;height:32px}.intro h2{font-size:21px}.sidebar nav{padding-bottom:5px}}@media(prefers-reduced-motion:reduce){.metric{transition:none}.metric:hover{transform:none}}