:root {
    --bg: #f7f9fc;
    --surface: #ffffff;
    --surface-2: #f9fafb;
    --border: #e8edf3;
    --divider: #eef2f6;
    --text: #071833;
    --muted: #64748b;
    --primary: #0f9f5f;
    --primary-hover: #0b8b53;
    --primary-active: #087548;
    --primary-border: #0e9b5d;
    --primary-soft: rgba(15, 159, 95, 0.12);
    --primary-light: rgba(15, 159, 95, 0.08);
    --primary-shadow: 0 4px 12px rgba(15, 159, 95, 0.18);
    --green: #16a34a;
    --green-strong: #15803d;
    --green-soft: #dcfce7;
    --green-light: #f0fdf4;
    --blue: #2563eb;
    --blue-soft: rgba(16, 97, 221, 0.12);
    --purple: #7c3aed;
    --purple-soft: #ede9fe;
    --orange: #f59e0b;
    --orange-soft: #fef3c7;
    --red: #ef4444;
    --red-soft: #fee2e2;
    --shadow: 0 2px 10px rgba(15, 23, 42, .04);
    --radius: 16px;
}

* { box-sizing: border-box; }

html { min-height: 100%; overflow-x: hidden; background: var(--bg); }

body {
    margin: 0;
    min-height: 100%;
    overflow-x: hidden;
    color: var(--text);
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 13px;
    letter-spacing: 0;
}

a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; letter-spacing: 0; }
button { cursor: pointer; }
.material-symbols-rounded { font-size: 25px; line-height: 1; vertical-align: middle; }