:root {
    --primary: #f97316;
    --primary-dark: #ea580c;
    --dark: #0f172a;
    --dark-soft: #1e293b;
    --muted: #64748b;
    --border: #e2e8f0;
    --card: #ffffff;
    --green: #16a34a;
    --red: #dc2626;
    --blue: #2563eb;
    --shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}

* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: var(--dark);
    background: #f8fafc;
    line-height: 1.5;
}
a { color: inherit; }
img { max-width: 100%; display: block; }
.container {
    width: min(1200px, calc(100% - 32px));
    margin: 0 auto;
}
.card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
}
.badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}
.badge.success { background: rgba(22, 163, 74, 0.12); color: var(--green); }
.badge.error { background: rgba(220, 38, 38, 0.12); color: var(--red); }