*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#111827}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#111827;color:#fff;padding:18px;position:fixed;inset:0 auto 0 0;z-index:20;overflow:auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand small{display:block;opacity:.65;margin-top:2px}.logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#06b6d4);display:grid;place-items:center;font-weight:900}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#d1d5db;text-align:left;padding:12px 13px;border-radius:12px;cursor:pointer;font-size:14px;transition:.18s}.sidebar nav button:hover,.sidebar nav button.active{background:#1f2937;color:#fff;transform:translateX(3px)}.side-note{font-size:12px;line-height:1.5;opacity:.55;margin-top:24px}.main{margin-left:260px;width:calc(100% - 260px)}.topbar{height:62px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;padding:0 22px;position:sticky;top:0;z-index:10}.icon-btn{display:none;border:0;background:#eef2ff;border-radius:10px;padding:9px}.domain{margin-left:auto;font-size:12px;color:#64748b;text-decoration:none}.content{max-width:1250px;margin:auto;padding:24px}.hero{background:linear-gradient(135deg,#111827,#312e81);color:#fff;border-radius:24px;padding:32px;box-shadow:0 20px 50px #11182718}.hero h1{margin:0 0 10px;font-size:clamp(28px,5vw,48px)}.hero p{max-width:800px;color:#dbeafe;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:18px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 10px 28px #1118270b;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #11182716}.card h3{margin-top:0}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;margin:3px}.price{font-size:22px;font-weight:900}.btn{border:0;border-radius:12px;padding:11px 15px;background:#4f46e5;color:#fff;cursor:pointer;font-weight:700;transition:.18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn.secondary{background:#e5e7eb;color:#111827}.btn.success{background:#059669}.btn.danger{background:#dc2626}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.search{width:100%;padding:14px;border:1px solid #d1d5db;border-radius:14px;font-size:16px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.filters button{border:1px solid #dbeafe;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}.audio{width:100%;margin:12px 0}.notice{padding:12px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.hidden{display:none!important}.toast{position:fixed;right:18px;bottom:18px;background:#111827;color:#fff;padding:13px 16px;border-radius:12px;display:none;z-index:99}.toast.show{display:block}.update-bar{position:fixed;top:0;left:0;right:0;z-index:100;background:#f59e0b;color:#111827;padding:8px;text-align:center}.update-bar button{border:0;border-radius:8px;padding:5px 9px;margin-left:8px;font-weight:800}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:9px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:13px}.muted{color:#64748b;font-size:13px}.share-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px}.share-grid a{padding:11px;border-radius:12px;color:#fff;text-align:center;text-decoration:none;font-weight:800}.wa{background:#16a34a}.fb{background:#2563eb}.x{background:#111827}.ig{background:#db2777}.tg{background:#0284c7}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.icon-btn{display:block}.content{padding:16px}.domain{display:none}.hero{padding:23px}.topbar{padding:0 14px}.sidebar nav button{padding:14px}.grid{grid-template-columns:1fr}}