@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";:root{--primary-dark: #2d3748;--primary-darker: #1f2937;--primary-light: #f7fafc;--accent-blue: #63b3ed;--text-light: #ffffff;--text-dark: #1a202c;--hover-dark: #4a5568}html,body{max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;background-color:var(--primary-light);color:var(--text-dark)}.layout-container{display:flex;height:100vh}[data-scroll]{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}[data-scroll].active{opacity:1;transform:translateY(0)}.layout-nav{width:16rem;background-color:var(--primary-dark);color:var(--text-light);padding:1rem;border-radius:20px;margin:1rem}.layout-nav-heading{font-size:2.3rem;font-weight:700}.layout-nav-list{list-style:none;text-align:center;justify-items:center}.layout-nav-item{margin-top:.5rem}.layout-dashboard-link{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--text-light);margin-bottom:2.5rem;margin-top:2.5rem;margin-left:0;margin-right:0;transition:background-color .3s ease,transform .3s ease;border:2px solid transparent}.layout-dashboard-link img{width:10vw;height:10vh}.layout-dashboard-link:hover{transform:scale(1.05);color:var(--accent-blue)}.layout-nav-button{display:flex;align-items:center;justify-content:center;background-color:var(--primary-darker);color:var(--text-light);padding:.7rem;border-radius:20px;transition:background-color .3s ease,outline .3s ease,transform .3s ease;cursor:pointer;margin:1rem auto;border:2px solid transparent}.layout-nav-button:hover{background-color:var(--hover-dark);transform:scale(1.05)}.layout-nav-link{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:20px;margin:.8rem 0rem;text-decoration:none;color:var(--text-light);transition:background-color .3s ease,transform .3s ease;text-align:center;border:2px solid transparent}.layout-nav-link:hover{background-color:var(--hover-dark);transform:scale(1.05);cursor:pointer;color:var(--accent-blue)}.layout-nav-link:focus,.layout-nav-button:focus,.layout-nav-link.active,.layout-nav-button.active{outline-offset:0;outline:none;border-color:var(--accent-blue);border-radius:9999px}.layout-dashboard-link:focus,.layout-dashboard-link.active{outline-offset:0;outline:none;border-color:var(--accent-blue);border-radius:9999px}.layout-sub-nav-list{text-align:center;align-items:center;margin-top:.8rem;list-style:none;padding:0}.layout-sub-nav-item{margin-top:.5rem}.layout-main{flex:1;padding:1.5rem;background-color:var(--primary-light)}.responsive-iframe{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:1rem 0}.responsive-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}button{margin:.5rem}@media only screen and (max-width: 1024px){.layout-container{display:block;height:auto}body{padding-top:8em}.layout-nav{position:fixed;top:0;left:0;right:0;width:100%;margin:0;border-radius:0;padding:.5rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;z-index:1000;box-shadow:0 7px 16px #000}.layout-nav-heading{flex:0 0 100%;text-align:center}.layout-nav-heading h1{font-size:1.2rem}.layout-nav-list{display:grid!important;grid-template-columns:repeat(4,1fr);align-items:center;justify-items:center;list-style:none;padding:0;margin:0;width:100%}.layout-nav-link{font-size:.9rem;padding:.2rem}.layout-dashboard-link img{width:8vw;height:auto}.layout-main{padding:.5rem}.layout-nav-item:nth-child(2) .layout-nav-button{flex-direction:column}.layout-nav-item:nth-child(2) .layout-nav-button:before{content:"";display:block;width:30px;height:30px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%20version='1.1'%20id='svg1'%20sodipodi:docname='stock.svg'%20inkscape:version='1.4%20(86a8ad7,%202024-10-11)'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3csodipodi:namedview%20id='namedview1'%20pagecolor='%23ffffff'%20bordercolor='%23000000'%20borderopacity='0.25'%20inkscape:showpageshadow='2'%20inkscape:pageopacity='0.0'%20inkscape:pagecheckerboard='0'%20inkscape:deskcolor='%23d1d1d1'%20inkscape:zoom='33.125'%20inkscape:cx='12.015094'%20inkscape:cy='12'%20inkscape:window-width='1920'%20inkscape:window-height='1009'%20inkscape:window-x='-8'%20inkscape:window-y='-8'%20inkscape:window-maximized='1'%20inkscape:current-layer='svg1'%20/%3e%3cpath%20d='M620-163%20450-333l56-56%20114%20114%20226-226%2056%2056-282%20282Zm220-397h-80v-200h-80v120H280v-120h-80v560h240v80H200q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h167q11-35%2043-57.5t70-22.5q40%200%2071.5%2022.5T594-840h166q33%200%2056.5%2023.5T840-760v200ZM480-760q17%200%2028.5-11.5T520-800q0-17-11.5-28.5T480-840q-17%200-28.5%2011.5T440-800q0%2017%2011.5%2028.5T480-760Z'%20id='path1'%20style='fill:%23ffffff'%20/%3e%3c/svg%3e") no-repeat center / contain;margin-bottom:.4rem}.layout-nav-item:nth-child(3) .layout-nav-button{flex-direction:column}.layout-nav-item:nth-child(3) .layout-nav-button:before{content:"";display:block;width:30px;height:30px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%20version='1.1'%20id='svg1'%20sodipodi:docname='customers.svg'%20inkscape:version='1.4%20(86a8ad7,%202024-10-11)'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3csodipodi:namedview%20id='namedview1'%20pagecolor='%23ffffff'%20bordercolor='%23000000'%20borderopacity='0.25'%20inkscape:showpageshadow='2'%20inkscape:pageopacity='0.0'%20inkscape:pagecheckerboard='0'%20inkscape:deskcolor='%23d1d1d1'%20inkscape:zoom='33.125'%20inkscape:cx='12.015094'%20inkscape:cy='12'%20inkscape:window-width='1920'%20inkscape:window-height='1009'%20inkscape:window-x='-8'%20inkscape:window-y='-8'%20inkscape:window-maximized='1'%20inkscape:current-layer='svg1'%20/%3e%3cpath%20d='M760-480q0-117-81.5-198.5T480-760v-80q75%200%20140.5%2028.5t114%2077q48.5%2048.5%2077%20114T840-480h-80Zm-160%200q0-50-35-85t-85-35v-80q83%200%20141.5%2058.5T680-480h-80Zm198%20360q-125%200-247-54.5T329-329Q229-429%20174.5-551T120-798q0-18%2012-30t30-12h162q14%200%2025%209.5t13%2022.5l26%20140q2%2016-1%2027t-11%2019l-97%2098q20%2037%2047.5%2071.5T387-386q31%2031%2065%2057.5t72%2048.5l94-94q9-9%2023.5-13.5T670-390l138%2028q14%204%2023%2014.5t9%2023.5v162q0%2018-12%2030t-30%2012ZM241-600l66-66-17-94h-89q5%2041%2014%2081t26%2079Zm358%20358q39%2017%2079.5%2027t81.5%2013v-88l-94-19-67%2067ZM241-600Zm358%20358Z'%20id='path1'%20style='fill:%23ffffff'%20/%3e%3c/svg%3e") no-repeat center / contain;margin-bottom:.4rem}.layout-nav-item:nth-child(4) .layout-nav-button{flex-direction:column}.layout-nav-item:nth-child(4) .layout-nav-button:before{content:"";display:block;width:30px;height:30px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%20version='1.1'%20id='svg1'%20sodipodi:docname='profile.svg'%20inkscape:version='1.4%20(86a8ad7,%202024-10-11)'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3csodipodi:namedview%20id='namedview1'%20pagecolor='%23ffffff'%20bordercolor='%23000000'%20borderopacity='0.25'%20inkscape:showpageshadow='2'%20inkscape:pageopacity='0.0'%20inkscape:pagecheckerboard='0'%20inkscape:deskcolor='%23d1d1d1'%20inkscape:zoom='33.125'%20inkscape:cx='12.015094'%20inkscape:cy='12'%20inkscape:window-width='1920'%20inkscape:window-height='1009'%20inkscape:window-x='-8'%20inkscape:window-y='-8'%20inkscape:window-maximized='1'%20inkscape:current-layer='svg1'%20/%3e%3cpath%20d='M400-480q-66%200-113-47t-47-113q0-66%2047-113t113-47q66%200%20113%2047t47%20113q0%2066-47%20113t-113%2047ZM80-160v-112q0-33%2017-62t47-44q51-26%20115-44t141-18h14q6%200%2012%202-8%2018-13.5%2037.5T404-360h-4q-71%200-127.5%2018T180-306q-9%205-14.5%2014t-5.5%2020v32h252q6%2021%2016%2041.5t22%2038.5H80Zm560%2040-12-60q-12-5-22.5-10.5T584-204l-58%2018-40-68%2046-40q-2-14-2-26t2-26l-46-40%2040-68%2058%2018q11-8%2021.5-13.5T628-460l12-60h80l12%2060q12%205%2022.5%2011t21.5%2015l58-20%2040%2070-46%2040q2%2012%202%2025t-2%2025l46%2040-40%2068-58-18q-11%208-21.5%2013.5T732-180l-12%2060h-80Zm40-120q33%200%2056.5-23.5T760-320q0-33-23.5-56.5T680-400q-33%200-56.5%2023.5T600-320q0%2033%2023.5%2056.5T680-240ZM400-560q33%200%2056.5-23.5T480-640q0-33-23.5-56.5T400-720q-33%200-56.5%2023.5T320-640q0%2033%2023.5%2056.5T400-560Zm0-80Zm12%20400Z'%20id='path1'%20style='fill:%23ffffff'%20/%3e%3c/svg%3e") no-repeat center / contain;margin-bottom:.4rem}.layout-nav-button{margin:.5rem auto}.layout-nav-link{margin:0}}:root{--primary-dark: #2d3748;--primary-darker: #1f2937;--primary-light: #f7fafc;--accent-blue: #63b3ed;--text-light: #ffffff;--text-dark: #1a202c;--hover-dark: #4a5568;font-family:Roboto,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--primary-light);color:var(--text-dark);min-width:320px;min-height:100vh;display:flex;flex-direction:column}a{font-weight:500;color:var(--accent-blue);text-decoration:none}a:hover{color:var(--hover-dark)}h1{text-align:center;font-size:3.2em;line-height:1.1;margin:1rem 0}button{border-radius:20px;border:1px solid transparent;padding:.7em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-darker);color:var(--text-light);cursor:pointer;transition:background-color .25s,border-color .25s}button:hover{background-color:var(--primary-dark);border-color:var(--primary-light)}button:focus,button:focus-visible{outline:10px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{--text-dark: #213547;--primary-light: #ffffff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:var(--text-dark)}}