:root{
  --bg:#f3f7f3;--panel:#fff;--border:#dfe8df;--border2:#e8eee8;
  --green:#3d8b45;--green-dark:#2f7d3b;--green-soft:#eef8ef;
  --orange:#c26b13;--orange-dark:#9a530f;--orange-soft:#fff8eb;
  --blue:#2974a6;--blue-soft:#eef6fb;--purple:#6f4ab3;--purple-soft:#f5f0ff;
  --text:#263238;--muted:#667085;--shadow:0 1px 3px rgba(16,24,40,.08);--shadow2:0 10px 24px rgba(16,24,40,.06)
}
*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Tahoma,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(61,139,69,.12),transparent 38%),var(--bg);color:var(--text);padding:18px}
.shell{max-width:1320px;margin:0 auto;background:rgba(255,255,255,.95);border:1px solid #d9e5d9;border-radius:24px;padding:18px;box-shadow:var(--shadow2)}
.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid var(--border);padding:6px 4px 18px;margin-bottom:18px}
h1{margin:0;font-size:28px;color:#24342a;letter-spacing:-.03em}.subtitle{margin:7px 0 0;font-size:13px;color:var(--muted);line-height:1.7}
.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:#fbfdfb;color:#475467;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.pill-primary{background:var(--green);color:#fff;border-color:var(--green)}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.stat{padding:14px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.stat-label{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.stat-value{margin-top:6px;font-size:21px;font-weight:900;color:#2b3440}
.section{margin-top:18px;border:1px solid var(--border);background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border2);background:#fbfdfb;padding:13px 16px}.section-left{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--green-dark)}.section-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:#e8f4ea;color:var(--green-dark);font-weight:900;font-size:15px}.section-right{font-size:12px;color:var(--muted)}.section-body{padding:16px}
.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:278px}
.app-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.app-info{display:flex;align-items:center;gap:13px;min-width:0}.app-icon{width:52px;height:52px;border-radius:15px;background:var(--green-soft);border:1px solid #d6ead8;color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;flex:0 0 auto}.app-icon.blue{background:var(--blue-soft);border-color:#d5e7f3;color:var(--blue)}.app-icon.orange{background:var(--orange-soft);border-color:#f1dfbd;color:var(--orange)}.app-icon.purple{background:var(--purple-soft);border-color:#ddd2f5;color:var(--purple)}
.app-title h2{margin:0;font-size:19px;line-height:1.25}.app-title p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.badge{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;background:var(--green-soft);color:var(--green-dark);border:1px solid #d6ead8;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.badge.blue{background:var(--blue-soft);color:var(--blue);border-color:#d5e7f3}.badge.orange{background:var(--orange-soft);color:var(--orange);border-color:#f1dfbd}.badge.purple{background:var(--purple-soft);color:var(--purple);border-color:#ddd2f5}
.stable-box{border:1px solid #d6ead8;background:linear-gradient(180deg,#f4fbf5,#eef8ef);border-radius:15px;padding:13px;margin-top:auto}.channel-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.channel-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900;color:var(--green-dark);text-transform:uppercase;letter-spacing:.04em}.dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(61,139,69,.12)}.version{margin-top:9px;display:flex;align-items:baseline;gap:8px}.version strong{font-size:22px;letter-spacing:-.02em}.version span{font-size:12px;color:var(--muted);font-weight:800}.release-date{margin-top:4px;font-size:12px;color:var(--muted);font-weight:700}
.icon-actions{display:flex;align-items:center;gap:7px}.download-icon,.open-icon{border:0;cursor:pointer;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.download-icon{width:42px;height:42px;border-radius:13px;background:var(--green);color:#fff;font-size:20px;box-shadow:0 8px 14px rgba(61,139,69,.18)}.open-icon{width:38px;height:38px;border-radius:12px;background:#fff;color:var(--green-dark);border:1px solid #d6ead8;font-size:18px}
.preview-button{margin-top:12px;width:100%;border:1px solid #f1dfbd;background:#fff8eb;color:var(--orange-dark);border-radius:14px;padding:12px 13px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:900;cursor:pointer}.preview-left{display:flex;align-items:center;gap:8px}.preview-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#ff9a4c,#ec5b3f);box-shadow:0 0 0 4px rgba(194,107,19,.10)}.preview-count{color:var(--orange);border:1px solid #f1dfbd;background:#fff;padding:3px 7px;border-radius:999px;font-size:11px}.preview-arrow{font-size:18px;color:var(--orange)}
.modal{position:fixed;inset:0;background:rgba(20,35,25,.45);display:none;align-items:center;justify-content:center;padding:18px;z-index:50}.modal:target{display:flex}.modal-card{width:min(560px,100%);background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(16,24,40,.28);border:1px solid #eadfce;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;border-bottom:1px solid #f1dfbd;background:linear-gradient(180deg,#fffaf0,#fff)}.modal-title h3{margin:0;font-size:21px}.modal-title p{margin:6px 0 0;color:var(--muted);font-size:13px}.close{width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid #eadfce;color:#7a4b10;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}.modal-body{padding:14px;display:grid;gap:10px}.preview-item{background:#fff;border:1px solid #f4e5c7;border-radius:15px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.preview-meta b{color:#59340b;font-size:15px}.preview-meta div{color:var(--muted);font-size:12px;margin-top:4px;font-weight:700}.preview-download{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;font-size:19px;text-decoration:none;font-weight:900}.modal-note{margin:0 14px 14px;padding:12px 14px;border:1px solid #f1dfbd;background:#fff8eb;color:#8a520f;border-radius:14px;font-size:13px;line-height:1.6}
.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;box-shadow:none;filter:grayscale(1)}.preview-unavailable{color:#b42318;font-weight:800}
.footer{margin-top:18px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;padding:0 4px 4px}
@media(max-width:1180px){.apps{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){body{padding:10px}.shell{padding:12px;border-radius:18px}.topbar,.section-title{flex-direction:column;align-items:flex-start}.top-actions{justify-content:flex-start;width:100%}.stats,.apps{grid-template-columns:1fr}.footer{flex-direction:column}}