:root{--bg-color: #fff;--bg-secondary: #f5f5f5;--border-color: #dddddd;--border-radius1: .5rem;--border-radius2: 1rem;--border-radius3: 2rem;--border-radius4: 4rem;--border-radius5: 6rem;--color-black: #000000;--color-blue: #0088ff;--color-gray: #dddddd;--color-green: #00aa22;--color-orange: #ff0000;--color-pink: #ffc0cb;--color-purple: #800080;--color-red: #ff0000;--color-white: #ffffff;--color-yellow: #ffff00;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size0: 10px;--font-size1: 1rem;--font-size2: 1.2rem;--font-size3-normal: 1.4rem;--font-size4: 1.6rem;--font-size5: 2rem;--font-size6: 2.5rem;--font-size7: 3rem;--font-size8: 4rem;--font-size9: 6rem;--font-size10: 8rem;--font-titles: "Gabarito", sans-serif;--main-bg: #ffffff;--media-phone: 480px;--media-tablet: 768px;--media-desktop: 1200px;--media-desktop-large: 1600px;--nav-hover: #00aa22;--primary-color: #0088ff;--sidebar-bg: #ffffff;--sidebar-collapsed-width: 60px;--sidebar-width: 250px;--shadow1: 0 5px 10px rgba(0, 0, 0, .1);--shadow2: 0 10px 20px rgba(0, 0, 0, .2);--shadow3: 0 15px 30px rgba(0, 0, 0, .4);--text-color: #000;--text-secondary: #222222;--text-tertiary: #888888;--transition-duration: .3s}[data-theme=dark]{--bg-color: #000000;--bg-secondary: #222222;--border-color: #333333;--main-bg: #000;--nav-hover: #0088ff;--sidebar-bg: #000;--text-color: #fff;--text-secondary: #bbbbbb;--text-tertiary: #666666}*,html,body{box-sizing:border-box;color:var(--text-color);font-size:10px;margin:0;padding:0}body{background-color:var(--main-bg);font-family:var(--font-family);line-height:1.4;transition:background-color var(--transition-duration),color var(--transition-duration)}h1,h2,h3,h4,h5,h6{font-family:var(--font-titles);margin-bottom:20px}h1{font-size:80px}h2{font-size:60px}h3{font-size:40px}h4{font-size:30px}h5{font-size:20px}h6{font-size:16px}p{color:var(--text-color);font-size:var(--font-size3-normal);line-height:1.6}.space1{margin-bottom:10px}.space2{margin-bottom:20px}.space3{margin-bottom:40px}.space4{margin-bottom:60px}.space5{margin-bottom:80px}.app-container{@media (min-width: 1024px){display:flex;min-height:100vh}}.sidebar{background-color:var(--main-bg);border-right:1px solid var(--border-color);display:none;height:100vh;overflow:hidden;position:sticky;top:0;transition:width var(--transition-duration) ease;width:var(--sidebar-width);z-index:100;@media (min-width: 1024px){display:block}}.sidebar.collapsed{overflow:visible;width:var(--sidebar-collapsed-width)}.sidebar-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px 13px;transition:padding var(--transition-duration) ease;width:100%}.sidebar.collapsed .sidebar-content{padding:20px 8px}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.nav-item{align-items:center;background:none;border:none;border-radius:5px;color:var(--text-color);cursor:pointer;display:flex;font-weight:400;gap:10px;height:40px;opacity:.5;padding:5px;text-align:left;text-decoration:none;transition:background-color var(--transition-duration) ease,padding var(--transition-duration) ease,opacity var(--transition-duration) ease;white-space:nowrap;width:100%;span{font-size:var(--font-size3-normal);min-width:0;opacity:1;overflow:hidden;transition:0;transition:opacity var(--transition-duration) ease,width var(--transition-duration) ease;white-space:nowrap}svg path{transition:0}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px;svg path{stroke:var(--text-color)}}}.nav-item:hover{background-color:var(--nav-hover);opacity:1}.nav-item.active,.nav-item:hover{background-color:var(--nav-hover);border:1px solid rgba(0,0,0,.1);color:var(--bg-color);opacity:1;span{color:var(--color-white)}svg path{stroke:var(--color-white)}}.sidebar.collapsed .nav-item span{opacity:0;width:0}.sidebar.collapsed .nav-item{gap:0;height:40px;justify-content:center;padding:0;width:40px}.sidebar-bottom{display:flex;flex-direction:column;gap:10px;margin-top:auto}.sidebar-bottom .nav-item{height:40px;width:40px;padding:0;gap:0;justify-content:center}.sidebar-bottom .nav-item span{display:none}.sidebar-bottom .nav-item:hover,.sidebar-bottom .nav-item.active{width:40px;height:40px;padding:0}.nav-item{position:relative}.sidebar.collapsed .nav-item:hover:after{animation:fadeInTooltip .2s ease forwards;background:#000c;border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:12px;left:100%;margin-left:8px;opacity:0;padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}@keyframes fadeInTooltip{to{opacity:1}}.main-content{background-color:var(--main-bg);color:var(--text-primary);display:flex;flex:1;flex-direction:column;transition:margin-left var(--transition-duration) ease}.title-bar{align-items:center;background-color:var(--main-bg);border-bottom:1px solid var(--border-color);display:none;height:60px;padding:0 20px;position:sticky;top:0;z-index:50;@media (min-width: 1024px){display:flex}}.title-bar h1{color:var(--text-color);font-family:var(--font-titles);font-size:var(--font-size5);font-weight:600;margin-bottom:0}.margin-0{margin:0!important}.top-bar{display:flex;justify-content:flex-end;margin-bottom:2rem}.theme-switcher button{align-items:center;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:opacity var(--transition-duration)}.theme-switcher button:hover{opacity:.9}@media (max-width: 768px){.sidebar{width:var(--sidebar-collapsed-width)}.sidebar-content{padding:20px 8px}.sidebar .nav-item span{display:none}.sidebar .nav-item{gap:0;justify-content:center;padding:0}#toggleSidebar{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-item:focus{box-shadow:none;outline:none}.mobile-nav-container{display:flex;flex-direction:column;width:100%;background:var(--bg-color);position:relative;border-top:1px solid var(--border-color);position:sticky;top:0;z-index:50;@media (min-width: 1024px){display:none!important}}.mobile-nav-bar{display:flex;flex-direction:row;align-items:center;height:60px;width:100vw;padding:0 15px;border-bottom:1px solid var(--border-color);background:var(--bg-color)}.mobile-nav-title{flex:1;text-align:center;font-family:var(--font-titles);font-weight:800;font-size:16px;color:var(--color-text);font-weight:400;line-height:1.4}.mobile-nav-menu-icon,.mobile-nav-theme-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-nav-links{display:flex;flex-direction:column;width:100vw;background:var(--bg-color);overflow:hidden;max-height:0!important;opacity:0;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.mobile-nav-links.open{max-height:500px!important;opacity:1;pointer-events:auto}.mobile-nav-link-row{display:flex;flex-direction:row;align-items:center;height:60px;width:100vw;padding:5px 15px;border-bottom:1px solid var(--border-color);text-decoration:none;color:var(--color-text);font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.4;background:var(--bg-color);transition:background .2s}.mobile-nav-link-row:active,.mobile-nav-link-row:focus{background:var(--bg-secondary)}.mobile-nav-link-icon{width:24px;height:24px;margin-right:10px;display:flex;align-items:center;justify-content:center}.mobile-nav-link-icon svg path,.mobile-nav-menu-icon svg path,.mobile-nav-theme-icon svg path{stroke:var(--text-color)}