.SideBar{width:220px;min-width:220px;height:100%;background-color:#1a1a1a;border-right:1px solid #2e2e2e;display:flex;flex-direction:column;overflow:hidden}.SideBar .logo{display:flex;align-items:center;gap:8px;padding:24px 16px;border-bottom:1px solid #2e2e2e}.SideBar .logo .logo-mark{width:32px;height:32px;background-color:#5a5a5a;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.SideBar .logo .logo-name{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff}.SideBar .nav{flex:1;padding:8px 0;display:flex;flex-direction:column;overflow-y:auto}.SideBar .nav .nav-item{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#fff;font-size:13px;transition:background-color .15s ease,color .15s ease;cursor:pointer;border-left:2px solid transparent}.SideBar .nav .nav-item:hover{background-color:#2a2a2a;color:#fff}.SideBar .nav .nav-item.active{background-color:#ecb73e33;color:#ecb73e;border-left-color:#ecb73e}.SideBar .nav .nav-item .nav-icon{flex-shrink:0}.SideBar .nav .nav-item .nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.SideBar .sidebar-footer{border-top:1px solid #2e2e2e;padding:8px 0}.SideBar .sidebar-footer .footer-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;color:#fff;font-size:13px;text-align:left;transition:background-color .15s ease,color .15s ease;cursor:pointer;border-left:2px solid transparent}.SideBar .sidebar-footer .footer-item:hover{background-color:#2a2a2a;color:#fff}.SideBar .sidebar-footer .footer-item.active{background-color:#ecb73e33;color:#ecb73e;border-left-color:#ecb73e}.SideBar .sidebar-footer .footer-item.back-link{color:#aaa}.SideBar .sidebar-footer .footer-item.back-link:hover{color:#fff}.SideBar .sidebar-footer .footer-item .footer-icon{flex-shrink:0}.SideBar .sidebar-footer .footer-item .footer-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.App{display:flex;height:100%;width:100%;background-color:#0d0d0d}.App .main-content{flex:1;overflow-y:auto;padding:32px;min-height:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{background-color:#0d0d0d;color:#fff;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;width:100%}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit;color:inherit}input,textarea,select{font:inherit;color:inherit}ul,ol{list-style:none}