/* Global Variables and Resets */
:root {
    --bg-main: #f4f7fa;
    --bg-drawer: #0f172a;
    --text-main: #1e293b;
    --text-muted: #64748b;
    --accent: #22c55e;
    --accent-hover: #16a34a;
    --danger: #ef4444;
    --surface: #ffffff;
    --border: #e2e8f0;
    --transition-speed: 0.3s;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body { 
    font-family: 'Segoe UI', system-ui, sans-serif; 
    background: var(--bg-main); 
    color: var(--text-main); 
    overflow: hidden; /* Managed by app-root */
}