:root{--bg: #f4f6f8;--panel: #ffffff;--panel-soft: #fafbfc;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--shadow: 0 10px 28px rgba(15, 23, 42, .06);--view-accent: #2563eb;--view-accent-soft: #eff6ff;--ops-accent: #b45309;--ops-accent-soft: #fffbeb;--green: #059669;--green-soft: #ecfdf3;--purple: #7c3aed;--purple-soft: #f5f3ff;--rose: #e11d48;--rose-soft: #fff1f2;--teal: #0f766e;--teal-soft: #f0fdfa;--orange: #ea580c;--orange-soft: #fff7ed;--slate: #475569;--slate-soft: #f8fafc;--radius-lg: 18px;--radius-md: 14px;--max-width: 1180px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at top left,#fff,#f4f6f8 45%),linear-gradient(to bottom,#f8fafc,#f4f6f8);color:var(--text);padding:24px}a{color:inherit}.dashboard-shell{max-width:var(--max-width);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffe0;backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow);margin-bottom:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-logo{width:60px;height:60px;border-radius:8px;overflow:hidden;border:none;background:transparent;flex-shrink:0;box-shadow:none}.brand-logo img{width:100%;height:100%;object-fit:cover;border-radius:8px}.brand-copy h1{margin:0;font-size:22px;line-height:1.1;letter-spacing:-.02em}.brand-copy p{margin:6px 0 0;color:var(--muted);font-size:14px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:13px;font-weight:600;white-space:nowrap;border:1px solid #ccebdc}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.panel{background:#ffffffeb;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.panel.viewing{border-top:4px solid var(--view-accent)}.panel.ops{border-top:4px solid var(--ops-accent)}.panel-header{padding:18px 20px 14px;border-bottom:1px solid var(--border);background:linear-gradient(to bottom,#fff,#fcfcfd)}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.panel-title{margin:0;font-size:18px;letter-spacing:-.02em}.panel-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.panel-badge.view{background:var(--view-accent-soft);color:var(--view-accent);border-color:#dbeafe}.panel-badge.ops{background:var(--ops-accent-soft);color:var(--ops-accent);border-color:#fde7c7}.panel-subtitle{margin:0;font-size:14px;color:var(--muted)}.panel-body{padding:16px;display:grid;gap:12px}.tool-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-soft);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.tool-card:hover{transform:translateY(-2px);background:#fff;border-color:#d1d5db;box-shadow:0 10px 22px #0f172a14}.tool-main{display:flex;align-items:flex-start;gap:12px;min-width:0}.tool-icon{width:42px;height:42px;border-radius:12px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;box-shadow:inset 0 0 0 1px #ffffff59}.tone-blue{background:var(--view-accent-soft);color:var(--view-accent);border-color:#dbeafe}.tone-green{background:var(--green-soft);color:var(--green);border-color:#d1fae5}.tone-purple{background:var(--purple-soft);color:var(--purple);border-color:#e9ddff}.tone-rose{background:var(--rose-soft);color:var(--rose);border-color:#fecdd3}.tone-teal{background:var(--teal-soft);color:var(--teal);border-color:#ccfbf1}.tone-orange{background:var(--orange-soft);color:var(--orange);border-color:#fed7aa}.tone-slate{background:var(--slate-soft);color:var(--slate);border-color:#e2e8f0}.tool-copy{min-width:0}.tool-copy h3{margin:0 0 5px;font-size:15px;line-height:1.3;letter-spacing:-.01em}.tool-copy p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}.tool-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.mini-tag{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid transparent}.mini-tag.view{background:var(--view-accent-soft);color:var(--view-accent);border-color:#dbeafe}.mini-tag.edit{background:var(--ops-accent-soft);color:var(--ops-accent);border-color:#fde7c7}.arrow{font-size:18px;color:#94a3b8;line-height:1}.footer{margin-top:18px;text-align:center;font-size:12px;color:#9ca3af}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 640px){body{padding:14px}.topbar,.panel-header{padding:16px}.panel-body{padding:12px}.tool-card{padding:14px}.tool-side{gap:8px}}