h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}:root{--bg: #f3f4f6;--sidebar: #fff;--text: #1f2937;--card: #fff;--accent: #4f46e5}.dark{--bg: #1f2937;--sidebar: #111827;--text: #f9fafb;--card: #1f2937;--accent: #818cf8}body{height:100%;margin:0;font-family:Open Sans,sans-serif;background:var(--bg);color:var(--text)}.main{width:100%;margin-left:0}#go-back-btn{position:relative;border:none;background-color:transparent;font-size:18px;color:var(--text);transition:color .25s ease-in-out}#go-back-btn:hover,#go-back-btn:focus{color:var(--accent)}#go-back-btn:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;transform:scaleX(0);transform-origin:center;background-color:var(--accent);transition:transform .35s ease-in-out}#go-back-btn:hover:after{transform:scaleX(1)}.container{min-width:320px;max-width:375px;padding:0 16px;margin:0 auto;position:relative}@media only screen and (min-width: 768px){.container{max-width:768px}}@media only screen and (min-width: 1200px){.container{max-width:1200px}}@keyframes slide{0%{transform:translate(-140%) translateY(-50%)}to{transform:translate(-104%) translateY(-50%)}}@keyframes stretch{0%{opacity:0;transform:translate(-50%) translateY(100%) scale(.2)}to{opacity:1;transform:translate(-50%) translateY(100%) scale(1)}}.sidebar{box-sizing:border-box;width:200px;background:var(--sidebar);height:100%;padding:60px 20px 20px;display:flex;flex-direction:column;gap:20px;position:fixed;top:0;left:-250px;z-index:1000;transition:left .25s ease-in-out}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:900;display:none}.sidebar.active+.overlay{display:block}.sidebar.active{left:0}.menu-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:10px;left:20px;width:40px;height:40px;font-size:24px;background:none;border:none;z-index:1100;fill:var(--accent)}.menu-toggle svg{pointer-events:none}.sidebar .logo{background-color:transparent;border:none;font-size:18px;font-weight:700;color:var(--text);font-family:inherit}.sidebar nav a{display:block;padding:10px;text-decoration:none;color:var(--text);border-radius:6px}.sidebar nav a.active,.sidebar nav a:hover{background:var(--accent);color:#fff}nav{display:flex;flex-direction:column;gap:7px}.toggle-theme{width:100px;margin:auto auto 40px;padding:8px;border:none;background:var(--accent);color:var(--text);border-radius:6px;cursor:pointer}@media only screen and (min-width: 768px){.sidebar{width:230px;padding:30px;display:flex;flex-direction:column;gap:20px;position:fixed;top:0;left:0}.sidebar .logo{font-size:22px}.menu-toggle{display:none;visibility:hidden}.toggle-theme{width:150px}nav{gap:10px}}.top-bar{position:absolute;top:10px;left:50px;right:0;height:50px;display:flex;gap:10px;align-items:center;padding:0 20px}.input-container input{padding:8px 8px 8px 36px;width:150px;font-size:14px;background-color:var(--bg);color:var(--text);border:1px solid var(--accent);border-radius:4px;transition:background-color .35s ease-in-out,color .35s ease-in-out}.input-container{position:relative}.input-container:hover input,.input-container:focus-within input{background-color:var(--accent);color:var(--text);outline:none}.input-container:hover input::placeholder,.input-container:focus-within input::placeholder{color:var(--text)}.input-search-icon{position:absolute;top:10px;left:14px}.top-icons-list{display:flex;gap:5px}.top-icon button{position:relative;padding:5px 8px;border:1px solid transparent;border-radius:10px;background-color:transparent;transition:border .35s ease-in-out,fill .35s ease-in-out,box-shadow .35s ease-in-out}.top-icon button:hover,.top-icon button:focus{fill:var(--accent)}.top-icon button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;transform:scaleX(0);transform-origin:center;background-color:var(--accent);transition:transform .35s ease-in-out,fill .35s ease-in-out}.top-icon button:hover:after{transform:scaleX(1)}@media only screen and (min-width: 768px){.top-bar{top:15px;left:230px;height:60px;justify-content:space-between}.input-container input{width:300px;font-size:16px}.top-icons-list{gap:13px}.top-icon button{padding:5px 8px}.top-icon button svg{width:24px;height:24px}}@media only screen and (min-width: 1200px){.input-container input{width:450px}}body{position:relative}#page-content{position:absolute;top:100px;left:150px}body .dashboard-page{font-size:21px}.dashboard-page{display:flex;flex-direction:column;gap:20px}.stats-list{display:flex;gap:70px;margin-bottom:30px;font-size:21px}.stats-list-item{display:flex;flex-direction:column;gap:10px;align-items:center}.chart-blocks-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.chart-block-list-item h3{font-size:18px;text-align:right}