diff --git a/src/Bundle/ChillBudgetBundle/Resources/public/pages/chillbudget.scss b/src/Bundle/ChillBudgetBundle/Resources/public/pages/chillbudget.scss
new file mode 100644
index 000000000..079e40e06
--- /dev/null
+++ b/src/Bundle/ChillBudgetBundle/Resources/public/pages/chillbudget.scss
@@ -0,0 +1,44 @@
+.subtitle {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    padding: 1rem;
+}
+.family-title {
+    margin-bottom: 1rem !important;
+}
+.budget-table th {
+    th {
+        color: white;
+    }
+}
+.budget-table {
+    th.charge {
+        background-color: $budget-charge-color;
+    }
+}
+.budget-table {
+    th.resource {
+        background-color: $budget-resource-color;
+    }
+}
+.budget-table {
+    th, td {
+        padding: 10px;
+        text-align: left;
+    }
+    td.column-wide {
+        width: 25%;
+    }
+    td.column-small {
+        width: 15%;
+    }
+}
+
+.bold {
+    font-weight: 600;
+}
+
+.total {
+    margin-top: 1rem;
+    border-top: 1px dashed black;
+}
\ No newline at end of file
diff --git a/src/Bundle/ChillBudgetBundle/Resources/public/pages/index.js b/src/Bundle/ChillBudgetBundle/Resources/public/pages/index.js
new file mode 100644
index 000000000..ad7eba2d9
--- /dev/null
+++ b/src/Bundle/ChillBudgetBundle/Resources/public/pages/index.js
@@ -0,0 +1 @@
+require('./chillbudget.scss');
\ No newline at end of file
diff --git a/src/Bundle/ChillBudgetBundle/chill.webpack.config.js b/src/Bundle/ChillBudgetBundle/chill.webpack.config.js
new file mode 100644
index 000000000..b6cc8e66e
--- /dev/null
+++ b/src/Bundle/ChillBudgetBundle/chill.webpack.config.js
@@ -0,0 +1,9 @@
+// this file loads all assets from the Chill person bundle
+module.exports = function(encore, entries)
+{
+    entries.push(__dirname + '/Resources/public/pages/index.js');
+
+    encore.addAliases({
+        ChillBudgetAssets: __dirname + '/Resources/public'
+    });
+};