:root{--color-primary: #3d8a5a;--color-primary-light: #6aaf8b;--color-accent: #3d8a5a;--color-accent-muted: #6aaf8b;--color-bg: #f8fafc;--color-bg-card: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-light: #94a3b8;--space-3xs: 2px;--space-2xs: 6px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-card-compact: 14px;--space-section-compact: 18px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--border-subtle: 1px solid rgba(148, 163, 184, .35);--border-strong: 1px solid rgba(100, 116, 139, .55);--shadow-xs: 0 1px 1px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--font-sans: "Outfit", system-ui, -apple-system, sans-serif;--font-serif: "Newsreader", ui-serif, Georgia, serif;--text-xs: .75rem;--text-sm: .85rem;--text-md: .95rem;--sv4-green: #3d8a5a;--sv4-coral: #d89575;--sv4-bg: #f5f4f1;--sv4-border: #e5e4e1;--sv4-muted: #9b9894;--sv4-text: #1a1918;--sv4-text2: #6b6966;--sv4-inactive: #edecea;--sv4-radius-control: 10px;--sv4-radius-card: 16px;--sv4-radius-pill: 100px;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#app{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:64px;border-bottom:1px solid var(--sv4-border);background:#fff;box-shadow:0 2px 8px #1a191814}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:34px;height:34px;border-radius:var(--sv4-radius-control);background:var(--sv4-green);display:inline-flex;align-items:center;justify-content:center;color:#fff}.brand-icon svg{width:18px;height:18px;stroke-linecap:round;stroke-linejoin:round}.brand-title{font-family:var(--font-serif);font-size:20px;font-weight:500;color:var(--sv4-text)}.brand-subtitle{display:block;color:var(--color-text-muted);font-size:.85rem;line-height:1.3}@media(max-width:520px){.brand-subtitle{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.nav{display:flex;gap:12px}.nav button{border:1px solid #e5e4e1;background:#edecea;padding:8px 16px;border-radius:10px;cursor:pointer;font-weight:500;font-size:14px;color:#6b6966;font-family:var(--font-sans);transition:all .15s ease}.nav button:hover{color:#1a1918;border-color:#d5d4d1;background:#e7e6e2}.nav button.active{border-color:#3d8a5a;color:#fff;background:#3d8a5a;box-shadow:none}.app[data-tab=explorer] .content{padding:0;background:#edecea}.content{padding:0;background:#f5f4f1}