aside{background-color:var(--primary-color);z-index:30;border-right:var(--border-color-light) 1px dash;width:15rem;height:100%;transition:width .1s;position:fixed;top:0;overflow-y:auto}aside nav#sideNav{border-top:1px solid #0000004d;height:calc(100% - 68px);padding:12px 0}aside nav#sideNav ul{margin:0;padding:0;list-style:none}aside nav#sideNav ul li a{color:#fff;align-items:center;gap:0;padding:10px 12px;font-size:13px;line-height:20px;text-decoration:none;transition:color .3s;display:flex;position:relative}aside nav#sideNav ul li a svg{width:14px;height:14px;margin-right:6px;padding:7px}aside nav#sideNav ul li a span{word-wrap:break-word;word-break:break-word;line-height:16px}aside nav#sideNav ul li a:hover,aside nav#sideNav ul li a.active{color:var(--primary-color);background-color:#fff}.sidenav-collapsed main{margin:110px 0 0 68px}.sidenav-collapsed header{padding-inline-start:68px}.sidenav-collapsed aside{width:68px}.sidenav-collapsed aside .logo .logoname{display:none}.sidenav-collapsed aside nav#sideNav{padding:12px 10px}.sidenav-collapsed aside nav#sideNav a{padding:6px}.sidenav-collapsed aside nav#sideNav a span{display:none}.sidenav-collapsed aside:hover{width:15rem}.sidenav-collapsed aside:hover .logo .logoname,.sidenav-collapsed aside:hover nav#sideNav ul li a span{display:inline}@media (max-width:992px){aside{width:0;transition:all .15s ease-in-out;overflow:hidden}aside.undefined{width:240px;transition:all .15s ease-in-out;display:block}aside .logo{display:none}}@media (max-width:768px){aside{background:#fff;box-shadow:0 0 20px #00000040}aside nav#sideNav ul li a{color:#545454}aside nav#sideNav ul li a:hover,aside nav#sideNav ul li a.active{background-color:var(--primary-color)}aside nav#sideNav{border-top:none}}.groupWrapper{border-bottom:1px solid #0003;margin-bottom:0}.groupHeader{cursor:pointer;color:var(--primary-color-200);letter-spacing:.5px;justify-content:space-between;align-items:center;column-gap:10px;padding:15px 10px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.groupWrapper:has(.groupHeader.open){background:#0003}.groupList li{margin:0 5px 5px}.groupHeader svg{transition:transform .2s}.groupHeader.open svg{transform:rotate(180deg)}.groupTitleContent{align-items:center;gap:8px;display:flex}.groupTitleContent svg{width:16px;height:16px}.groupList{margin:0;padding:0;list-style:none}.link{color:#333;border-radius:4px;align-items:center;gap:10px;padding:8px 15px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.link:hover{color:var(--primary-color);background:#f5f5f5}.link.active{color:var(--primary-color);background:#eef4ff;font-weight:600}.sidenav-collapsed .groupTitleContent span,.sidenav-collapsed .groupHeader>svg{display:none}.sidenav-collapsed .groupHeader,.sidenav-collapsed .groupTitleContent{text-align:center;display:block}.sidenav-collapsed aside:hover .groupTitleContent span,.sidenav-collapsed aside:hover .groupHeader>svg{display:inline}.sidenav-collapsed aside:hover .groupHeader,.sidenav-collapsed aside:hover .groupTitleContent{text-align:left;display:flex}
header{top:0;border-bottom:var(--border-color-light) 1px dashed;z-index:20;background-color:#fff;max-width:100%;padding-inline-start:15rem;position:fixed;inset-block-start:0;inset-inline:0}main{margin:116px 0 0 240px;padding:15px 25px 0;position:relative}.article-main{background:#f5f9f9;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;margin:0 -25px;padding:20px 25px}.footermain{margin:0 -25px}@media (max-width:992px){header{padding-inline-start:0}main{margin:116px 0 0;padding:25px}}@media (max-width:768px){main{margin:190px 0 0}}