.header-actions{display:flex;gap:8px}.add-button{border:0;border-radius:9px;background:var(--lime);color:#17181b;padding:10px 14px;font-weight:750;cursor:pointer}.section-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-toolbar h2,.section-toolbar p{margin:0}.section-toolbar p{font-size:12px;color:var(--muted);margin-top:6px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.collection-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:19px;box-shadow:inset 0 4px var(--accent)}.collection-top{display:flex;justify-content:space-between}.collection-top>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--accent);color:#17181b}.collection-top button{border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.collection-card h3{margin:20px 0 7px}.collection-card p{font-size:11px;color:var(--muted);min-height:30px}.collection-card>strong{font-size:10px;color:var(--muted)}.collection-preview{height:76px;display:flex;gap:6px;margin:18px 0 12px}.collection-preview span{width:58px;border-radius:9px;display:grid;place-items:center;font-size:26px}.collection-preview small{align-self:center;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stats-grid article,.chart-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:19px}.stats-grid span,.stats-grid strong,.stats-grid small{display:block}.stats-grid span{font-size:10px;color:var(--muted)}.stats-grid strong{font-size:27px;margin:12px 0 5px}.stats-grid small{font-size:9px;color:var(--muted)}.analytics-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start}.panel-title h2,.panel-title p{margin:0}.panel-title h2{font-size:16px}.panel-title p,.panel-title>span{font-size:9px;color:var(--muted);margin-top:5px}.bar-chart{display:grid;gap:13px;margin-top:24px}.bar-row{display:grid;grid-template-columns:145px 1fr 42px;gap:10px;align-items:center;font-size:9px}.bar-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-row>div{height:8px;background:var(--bg);border-radius:8px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),#a99cff);border-radius:8px}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:28px}.donut{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:var(--surface)}.donut span{position:relative;z-index:1;font-size:21px;font-weight:800}.legend{min-width:100px}.legend p{display:flex;align-items:center;gap:7px;font-size:10px}.legend p strong{margin-left:auto}.legend-dot{width:8px;height:8px;border-radius:50%;background:#7258ff}.legend-dot.c1{background:#dfff63}.legend-dot.c2{background:#ff9f7a}.recommendation{display:flex;align-items:center;gap:15px;margin-top:16px;background:linear-gradient(100deg,var(--surface),#f4f1ff)}.recommendation h3,.recommendation p{margin:0}.recommendation p{font-size:11px;color:var(--muted);margin-top:5px}.rec-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--purple);color:#fff;font-size:20px}dialog{border:0;border-radius:18px;padding:0;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.25);width:min(480px,calc(100% - 30px))}dialog::backdrop{background:rgba(12,13,16,.55);backdrop-filter:blur(4px)}dialog form{padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px}.modal-head h2{margin:0}.close-button{border:0;background:var(--bg);color:var(--ink);width:31px;height:31px;border-radius:8px;font-size:20px;cursor:pointer}dialog label{display:grid;gap:7px;font-size:10px;font-weight:700;margin-bottom:14px}dialog input,dialog select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:9px;padding:11px;outline:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-submit{width:100%;margin-top:4px}@media(max-width:900px){.collection-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}@media(max-width:600px){.header-actions .ghost:first-child{display:none}.collection-grid,.stats-grid{grid-template-columns:1fr}}
