@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap";.App{height:100%}.budget-expense-container{display:flex;flex-direction:column;justify-content:center;align-items:start;width:100%;height:100%;gap:1rem}.budget-expense-info{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%}.budget-expense-overview{display:flex;align-items:center;justify-content:space-around;gap:2rem;padding:.5rem}.budget-expense-total{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.budget-expense-chart{display:flex;align-items:center;justify-content:center;height:100%}.gauge-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-width:70%}.gauge-svg{overflow:visible;width:100%;height:130px;background-color:transparent}.value-container{margin-top:.4rem;font-size:3rem;line-height:1rem;font-weight:900;font-feature-settings:"zero","tnum" 1}.label-container{color:#a9a9a9;margin-top:-3rem;font-size:1.3rem;line-height:1.3rem}.units-container{color:#a9a9a9;font-size:1.3rem;line-height:1.3rem;font-weight:300}.card-chart-container{display:flex;flex-direction:column;gap:1rem;width:100%;height:80%}.card-chart-information{display:flex;gap:1rem;height:100%}.card-chart-graph{width:100%;display:flex;align-items:flex-end;border-radius:15px;box-shadow:0 0 5px #0000001a;background-color:#fff;padding:1rem}.card-chart-overview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.card-chart-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem}.card-chart-cost{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.percentage-change{display:flex;align-items:center;justify-content:center;font-size:.8rem}@media screen and (max-width: 600px){.card-chart-information{flex-direction:column;gap:2rem}.card-chart-overview{display:flex;flex-direction:row;align-items:flex-start}}.line-container{width:100%;height:100%}.line-wrapper{max-height:100px}.line-svg{overflow:visible;width:100%;background-color:transparent}.y-axis-line path,.x-axis-line path{fill:none;stroke:#e0e0e0;visibility:hidden;opacity:.5;shape-rendering:crispEdges}.y-axis-line line,.x-axis-line line{fill:none;stroke:#e0e0e0;opacity:.5;shape-rendering:crispEdges}.points:hover{fill:"#27d8ea"}.fields{margin:2rem;display:flex;gap:1rem;align-items:center;justify-content:center}.tooltip-container{position:relative;cursor:help;display:none}.tooltip-popup{display:none;position:absolute;top:-50px;right:0;width:200px;height:20px;padding:1rem}.tooltip-container:hover .tooltip-popup{display:flex;align-items:center;justify-content:center;background-color:red}.gt-item-container{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;border-radius:15px;box-shadow:0 0 5px #0000001a;background-color:#fff}.gt-item-input-container{display:flex;align-items:center;gap:1rem;width:100%}.gt-item-metric{width:100%}.gt-item-goal-number,.gt-item-date{width:50%}.gt-item-interaction-container{display:flex;align-items:center;justify-content:center;gap:1rem}.goal-tracker-container,.goal-tracker-list{display:flex;flex-direction:column;gap:1rem}.button-container{width:100%;height:60px;display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:15px;box-shadow:0 0 5px #0000001a;background-color:#fff;border:none;font-size:1.5rem;color:#27d8ea;cursor:pointer}.dropdown-container{display:flex;flex-direction:column;gap:1rem}.dropdown-container select{padding:.5rem}.modal-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column}.modal-form-container{background-color:#fff;padding:3rem 5rem;border-radius:25px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:3em}.modal-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-inputs{display:flex;flex-direction:column;gap:2rem}.modal-input-group{display:flex;flex-direction:column;gap:1rem}.modal-input-group input{padding:.5rem 1rem}.modal-btns{display:flex;align-items:center;gap:1rem}.close-btn{border:none}.table-container{width:100%;display:flex;flex-direction:column;gap:1rem}.table-container tr{width:100%;height:40px;display:flex;align-items:center;gap:1rem;padding:0 1rem;border-radius:15px;box-shadow:0 0 5px #0000001a;background-color:#fff}.table-container thead tr{font-weight:700;justify-content:flex-start}.table-container th{width:100%}.table-container tbody{display:flex;flex-direction:column;gap:1rem}.table-container td{display:flex;align-items:center;justify-content:center;width:100%}.social-media-icon{font-size:1.5rem}.header-container{display:flex;align-items:center;justify-content:start}@media screen and (max-width: 600px){.header-container{display:flex;justify-content:center;align-items:center;text-align:center}}.donut-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.donut-wrapper{width:100%;height:100%}.donut-svg{overflow:visible;position:relative;top:130px;left:100px}.traffic-source-container{display:flex;flex-direction:column;gap:1rem;height:100%;width:100%}.card-container{width:100%;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:1rem;border-radius:15px;box-shadow:0 0 5px #0000001a;background-color:#fff}.overview-container{display:flex;flex-direction:column;height:100%;gap:1rem}.website-card-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:2rem}.options-modal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0009}.options-container{min-width:10em;min-height:10em;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:15px;box-shadow:0 0 5px #0000001a;background-color:#fff;border:none;font-size:1.5rem;color:#27d8ea}@media screen and (max-width: 600px){.overview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:600px}.website-card-container{flex-direction:column;width:100%}}.social-media-container{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 600px){.social-media-container{max-width:600px}.table-wrapper{display:flex;align-items:center;justify-content:center;font-size:.7rem}}.main-grid-container{display:grid;align-items:start;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);grid-column-gap:3rem;grid-row-gap:3rem;width:100%;height:100%;padding:2rem}.overview-grid-container{grid-area:1 / 11 / 13 / 13}.budget-expense-grid-container{grid-area:1 / 1 / 5 / 5}.lead-grid-container{grid-area:1 / 5 / 5 / 8}.conversion-grid-container{grid-area:1 / 8 / 5 / 11}.goal-tracker-grid-container{grid-area:5 / 1 / 13 / 7}.traffic-source-grid-container{grid-area:5 / 5 / 13 / 8}.social-media-grid-container{grid-area:5 / 7 / 13 / 11}.area{height:100%}@media screen and (max-width: 600px){.main-grid-container{display:flex;flex-direction:column;padding:4rem 1rem;align-items:stretch;justify-content:flex-start;width:100%}}.home-container{height:100%}@media screen and (max-width: 600px){.home-container{height:auto}}*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:Open Sans,sans-serif;background-color:#f5f5f5}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#root{height:100vh}h1{margin:1rem;font-size:1.5rem}h2{color:#27d8ea;font-size:1rem}h3{color:#a9a9a9;font-size:1rem}p,table th,table td{font-size:.8rem}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;height:10px;width:10px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);background-size:10px 10px}a{text-decoration:none;color:inherit}a:hover{color:#27d8ea}button{cursor:pointer}@media screen and (max-width: 600px){#root{height:auto}}