* {margin:0; padding:0; box-sizing:border-box;}
        html, body {height: 100%; display: flex; flex-direction: column; background-color: #DCDCDC;}
        
        /* Navbar fixed */
        .navbar {
            position: fixed;
            top:0; left:0;
            width: 100%;
            z-index: 1050;
        }
        
        /* Sidebar animasi */
        .sidebar {
            min-height: 100vh;
            background-color: #343a40;
            color: white;
            width: 220px;
            position: fixed;
            top: 50px;
            left: 0;
            transition: all 0.3s ease-in-out;
            overflow-x: hidden;
            padding-top: 10px;
        }
        .sidebar.closed {width: 60px;}
        .sidebar a {
            display: flex;
            align-items: center;
            gap: 10px;
            color: white;
            padding: 10px;
            text-decoration: none;
            white-space: nowrap;
            transition: all 0.2s ease;
        }
        .sidebar a:hover {background-color: #495057; padding-left: 15px;}
        .sidebar.closed a span {display: none;}

        /* Konten utama */
        .content {
            margin-left: 220px;
            padding: 20px;
            padding-top: 76px;
            transition: all 0.3s ease;
            flex: 1;
        }
        .content.full {margin-left: 60px;}

        /* Footer mentok bawah */
        footer {
            background-color: #343a40;
            color: white;
            padding: 10px;
            text-align: center;
            margin-top: auto;
        }