
:root[data-accent=indigo]{--brand-accent:var(--violet);--brand-accent-2:#3bc8b6;--brand-soft:#eef0ff}
:root[data-accent=teal]{--brand-accent:#1ea49a;--brand-accent-2:#34c9d6;--brand-soft:#e9fbfb}
:root[data-accent=violet]{--brand-accent:#7b57ff;--brand-accent-2:#bc72ff;--brand-soft:#f3efff}
:root[data-accent=emerald]{--brand-accent:#17956b;--brand-accent-2:#37c790;--brand-soft:#e8fbf2}
:root{--brand-accent:var(--violet);--brand-accent-2:#3bc8b6;--brand-soft:#eef0ff}
.logo-full{display:block;max-width:260px;height:auto}
.top-quick-add{display:inline-flex;align-items:center;gap:8px;padding:10px 12px}
.mobile-fab{position:fixed;right:18px;bottom:calc(82px + var(--safe-bottom));z-index:24;width:56px;height:56px;border:none;border-radius:18px;background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-2));color:#fff;box-shadow:0 16px 36px rgba(45,68,148,.28);display:none;align-items:center;justify-content:center}
.quick-actions-panel,.data-health-panel{overflow:hidden}
.quick-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.quick-action-card{border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface2));border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;transition:.2s ease;box-shadow:0 6px 20px rgba(20,28,45,.04)}
.quick-action-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand-accent) 35%, var(--line));box-shadow:0 14px 34px rgba(40,52,93,.10)}
.quick-action-card .qa-icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-soft),rgba(255,255,255,.85));color:var(--brand-accent)}
.quick-action-card b{font-size:13px}.quick-action-card small{font-size:11px;color:var(--muted)}.quick-action-card.ghost{border-style:dashed}
.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.health-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--surface2);border-radius:14px;padding:14px}.health-item>span{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand-accent)}.health-item b{display:block;font-size:18px;line-height:1.1}.health-item small{color:var(--muted);font-size:11px}
.hero-v37{background:radial-gradient(circle at top right, color-mix(in srgb,var(--brand-accent) 16%, transparent), transparent 28%),linear-gradient(135deg,#121e38 0%, #1b2d58 55%, color-mix(in srgb,var(--brand-accent-2) 28%, #243d7c) 100%)}
.sidebar-help-actions{display:flex;gap:8px;flex-wrap:wrap}.sidebar-help-actions button{border:none;background:#fff1;padding:10px 12px;border-radius:12px;color:#fff;font:inherit;cursor:pointer}
.help-drawer .panel{border:1px solid var(--line)}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.help-list{display:grid;gap:10px}.shortcut-list,.guide-bullets,.guide-steps{display:grid;gap:12px;padding-left:18px}.shortcut-list li{display:grid;grid-template-columns:auto auto auto 1fr;gap:8px;align-items:center}.shortcut-list kbd{padding:4px 7px;border-radius:8px;border:1px solid var(--line);background:var(--surface2);font:600 11px/1 var(--font)}.shortcut-list small{color:var(--muted)}
.command-sections{display:grid;gap:16px}.command-group{display:grid;gap:10px}.command-group-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}
.brand-preview-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:linear-gradient(135deg,var(--surface2),var(--surface));padding:14px;border-radius:16px}.brand-preview-card p{margin:3px 0 0;color:var(--muted)}.brand-preview-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-2));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(56,74,148,.20)}
.brand-login{margin-bottom:26px}.top-context span{color:var(--muted)}
@media (max-width:1080px){.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-grid{grid-template-columns:1fr}}
@media (max-width:780px){.top-quick-add{display:none}.mobile-fab{display:inline-flex}.health-grid{grid-template-columns:1fr 1fr}.logo-full{max-width:220px}}
@media (max-width:560px){.health-grid,.quick-actions-grid{grid-template-columns:1fr}.mobile-fab{right:14px;bottom:calc(84px + var(--safe-bottom))}.brand-preview-card{align-items:flex-start;flex-direction:column}.top-context{min-width:0}.top-context b{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
:root[data-theme=dark] .quick-action-card,:root[data-theme=dark] .health-item,:root[data-theme=dark] .brand-preview-card{box-shadow:none}
