html, body { margin: 0; padding: 0; font-family: Arial, sans-serif; }
* { box-sizing: border-box; }
.container-fluid { padding: 0; margin: 0; }
.row { margin: 0; }
.sidebar { background: #2c3e50; color: #fff; min-height: 100vh; width: 200px; position: fixed; top: 0; left: 0; overflow: hidden; }
.sidebar-content { padding: 0; width: 200px; }
.sidebar-logo { padding: 15px 30px; margin: 0; box-sizing: border-box; text-align: center; }
.sidebar-logo img { width: 140px; height: auto; display: block; margin: 0 auto; }
.sidebar-title { margin-bottom: 20px; }
.user-status { background: #34495e; padding: 15px; border-radius: 5px; margin: 0 30px 20px 30px; }
.user-info { margin-bottom: 10px; }
.sidebar .nav-link { color: #bdc3c7; padding: 10px 20px; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { background: #34495e; color: #fff; }
.sidebar hr { margin: 10px 20px; border-color: #34495e; }
.sidebar .px-3 { padding-left: 20px !important; padding-right: 20px !important; }
.content-area { margin-left: 200px; padding: 0 !important; }
.logo-section { 
    padding: 0; 
    margin: 0;
    text-align: center; 
    border-bottom: 1px solid #ddd;
    position: relative;
    background-color: #e8eef2;
    background-image: url("/static/images/home_banner_title_top.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 140px;
    overflow: hidden;
}
.logo-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    bottom: 0;
    background: linear-gradient(to right, rgba(232, 238, 242, 1) 0%, rgba(232, 238, 242, 0.9) 60%, rgba(232, 238, 242, 0) 100%);
    z-index: 1;
}
.logo-section h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    line-height: 140px;
    color: #333;
    font-weight: bold;
}
.content-section { padding: 40px; }
.card { cursor: pointer; transition: transform 0.2s; }
.version-badge { position: absolute; top: 10px; right: 15px; background: rgba(0,0,0,0.6); color: #fff; padding: 3px 10px; border-radius: 3px; font-size: 12px; z-index: 10; }
.card:hover { transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); }